js合并数组并去重

在JavaScript中，要将两个或多个数组合并并去除重复的元素，可以使用一些现有的方法和技巧。下面将介绍一些常用的方法。

1. 使用concat()方法： concat()方法用于连接两个或多个数组，并返回新的数组。可以通过将要合并的数组作为参数传递给concat()方法来合并数组。这个方法不会改变原有数组，而是返回一个新数组。

示例代码：

```javascript var arr1 = [1, 2, 3]; var arr2 = [3, 4, 5]; var combined = arr1.concat(arr2);

// 打印结果 console.log(combined); // [1, 2, 3, 3, 4, 5] ```

2. 使用Set对象： Set对象是ES6中引入的一种新的数据结构，它类似于数组，但是它的元素是的，不会重复。可以使用Set对象来合并两个数组并去重。

示例代码：

```javascript var arr1 = [1, 2, 3]; var arr2 = [3, 4, 5]; var combined = Array.from(new Set([...arr1, ...arr2]));

// 打印结果 console.log(combined); // [1, 2, 3, 4, 5] ```

3. 使用filter()方法： filter()方法用于创建一个新数组，其中包含满足指定条件的所有元素。可以使用filter()方法来过滤掉重复的元素。

示例代码：

```javascript var arr1 = [1, 2, 3]; var arr2 = [3, 4, 5]; var combined = arr1.concat(arr2).filter(function(value, index, self) { return self.indexOf(value) === index; });

// 打印结果 console.log(combined); // [1, 2, 3, 4, 5] ```

4. 使用reduce()方法： reduce()方法用于迭代数组的所有项并返回一个值，可以根据需要对数组进行操作。可以使用reduce()方法来合并两个数组并去重。

示例代码：

```javascript var arr1 = [1, 2, 3]; var arr2 = [3, 4, 5]; var combined = arr1.concat(arr2).reduce(function(acc, cur) { if (acc.indexOf(cur) === -1) { acc.push(cur); } return acc; }, []);

// 打印结果 console.log(combined); // [1, 2, 3, 4, 5] ```

综上所述，可以使用上述方法来合并两个或多个数组并去重。每种方法都有其自己的特点和适用场景，你可以根据具体需求选择合适的方法来解决问题。希望以上内容能够帮助到你！