JS合并数组并去重|极客笔记

JS合并数组并去重

在编程中，经常会遇到需要合并两个数组并去除重复元素的情况。在JavaScript中，我们可以通过一些简单的方法来实现这个功能。本文将详细讨论如何使用JavaScript来合并数组并去重。

方法一：使用Set数据结构

在ES6中，引入了Set数据结构，它类似于数组，但是成员的值都是唯一的，没有重复的值。我们可以利用Set数据结构的特性来合并数组并去重。

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

const mergedArray = Array.from(new Set([...arr1, ...arr2]));

console.log(mergedArray);

运行结果：

[1, 2, 3, 4, 5]

上面的代码中，首先将两个数组arr1和arr2通过扩展运算符...展开，然后通过Set构造函数将展开后的数组转换为Set数据结构，最后再转换为数组。由于Set的特性保证了其中的元素都是唯一的，因此最终得到的mergedArray是合并两个数组并去重后的结果。

方法二：使用filter方法

除了使用Set数据结构外，我们还可以使用数组的filter方法来合并数组并去重。具体做法是遍历一个数组，检查另一个数组中是否已经包含了遍历的元素，如果没有包含则加入到结果数组中。

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

const mergedArray = [...arr1, ...arr2].filter((item, index, array) => {
  return array.indexOf(item) === index;
});

console.log(mergedArray);

运行结果：

[1, 2, 3, 4, 5]

在上面的代码中，我们首先使用扩展运算符...将两个数组合并为一个新数组，然后使用filter方法对新数组进行遍历，对于数组中每个元素，判断其在数组中第一次出现的位置是否等于当前位置，如果等于则说明是第一次出现，否则为重复元素。通过这种方法可以实现去重的效果。

方法三：使用reduce方法

除了上述两种方法外，我们还可以使用数组的reduce方法来合并数组并去重。具体做法是从一个初始值开始，遍历每个数组元素，将其加入到初始值中，同时检查新值是否已经存在于结果数组中。

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

const mergedArray = arr1.concat(arr2).reduce((acc, cur) => {
  if (!acc.includes(cur)) {
    acc.push(cur);
  }
  return acc;
}, []);

console.log(mergedArray);

运行结果：