js多个数组合并时去重

可以使用ES6的Set数据结构，它可以帮助我们去除数组中的重复项。具体实现方法如下：

const arr1 = [1, 2, 3];
const arr2 = [2, 3, 4];
const arr3 = [3, 4, 5];

const mergedArr = [...new Set([...arr1, ...arr2, ...arr3])];

console.log(mergedArr); // [1, 2, 3, 4, 5]

首先将多个数组合并成一个大数组，然后利用Set数据结构去除重复项，最后再将Set转换为数组即可。

相关问题

js数组对象合并并去重

在JavaScript中，可以使用多种方法将两个或更多数组合并并去除其中的重复元素。以下是几种常见的方式：

1. **ES6 Set** 和 **Spread Operator**:

   function mergeAndDeDupe(arr1, arr2) {
     return [...new Set([...arr1, ...arr2])];
   }

`Set` 数据结构自动去除重复项，然后通过扩展运算符(`...`)将其转换回数组。

2. **Array.concat() + filter()**:

   function mergeAndDeDupe(arr1, arr2) {
     return arr1.concat(arr2).filter((value, index, self) => {
       return self.indexOf(value) === index;
     });
   }

首先使用 `concat()` 合并数组，然后使用 `filter()` 函数过滤出第一次出现的元素。

3. **lodash库的_.uniqBy() 或 _.union()** (如果项目已引入lodash库):

   const _ = require('lodash');
   function mergeAndDeDupe(arr1, arr2) {
     return _.uniqBy(_.union(arr1, arr2), 'itemValue'); // 假设 itemValue 是唯一标识
   }

使用 lodash 库中的函数可以直接处理数组合并和去重问题。

4. **传统for循环**:

   function mergeAndDeDupe(arr1, arr2) {
     let merged = [];
     for (let i of arr1) {
       if (!merged.includes(i)) {
         merged.push(i);
       }
     }
     for (let j of arr2) {
       if (!merged.includes(j)) {
         merged.push(j);
       }
     }
     return merged;
   }

这种方式需要手动遍历数组检查元素是否存在。

js中如何合并数组并且去重

在JavaScript中，可以使用多种方法来合并两个或更多数组并去除其中的重复元素。以下是几种常见的方式：

1. **`concat()` + `filter()`**:

let arr1 = [1, 2, 3];
let arr2 = [2, 4, 5];
let mergedAndUnique = [...arr1, ...arr2].filter((value, index, self) => {
    return self.indexOf(value) === index;
});

这里先通过`concat()`合并数组，然后`filter()`过滤掉首次出现之外的元素。

2. **利用Set数据结构**:
Set是ES6引入的一种特殊的集合，成员的值都是唯一的，没有重复的值。我们可以将数组转换成Set，然后再转回数组。

let arr1 = [1, 2, 3];
let arr2 = [2, 4, 5];
let mergedAndUnique = [...new Set([...arr1, ...arr2])];

3. **`reduce()`**:
也可以使用`reduce()`函数，结合一个新数组来存储结果，并在遍历过程中检查元素是否已存在。

let arr1 = [1, 2, 3];
let arr2 = [2, 4, 5];
let mergedAndUnique = arr1.concat(arr2).reduce((acc, val) => acc.includes(val) ? acc : [...acc, val], []);

这三种方法都能达到合并并去重的效果。