js数组合并去重

JavaScript（简称“JS”）是一种广泛使用的编程语言，主要用于网页上实现交互效果。数组是JS中一种常用的数据结构，用于存储一系列的数据。在日常开发中，我们经常会遇到需要合并多个数组并去除重复元素的场景。以下是一些常用的JS数组合并去重的方法。

使用Set进行数组合并去重

Set 是ES6（ECMAScript 2015）中引入的一种新的数据结构，它类似于数组，但只能包含唯一的值。利用 Set 的这一特性，我们可以轻松实现数组的合并和去重。

const array1 = [1, 2, 3];
const array2 = [3, 4, 5];
const array3 = [5, 6, 7];

const mergedArray = [...new Set([...array1, ...array2, ...array3])];
console.log(mergedArray); // 输出: [1, 2, 3, 4, 5, 6, 7]

使用filter方法去重

filter 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。我们可以配合 indexOf 方法来实现去重。

const array1 = [1, 2, 3];
const array2 = [3, 4, 5];
const array3 = [5, 6, 7];

const mergedArray = array1.concat(array2, array3).filter((item, index, arr) => arr.indexOf(item) === index);
console.log(mergedArray); // 输出: [1, 2, 3, 4, 5, 6, 7]

使用reduce和concat

reduce 方法对数组中的每个元素执行一个由你提供的reducer函数，将其结果汇总为单个返回值。结合 concat 方法，我们可以合并多个数组。

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const array3 = [7, 8, 9];

const mergedArray = [array1, array2, array3].reduce((acc, val) => acc.concat(val), []);
console.log(mergedArray); // 输出: [1, 2, 3, 4, 5, 6, 7, 8, 9]

使用Map去重

Map 对象保存键值对，并且能够记住原始插入顺序的迭代器。我们可以利用 Map 的键唯一性来实现去重。

const array1 = [1, 2, 3];
const array2 = [3, 4, 5];
const array3 = [5, 6, 7];

const map = new Map();
[array1, array2, array3].forEach(item => item.forEach(i => map.set(i, true)));
const mergedArray = Array.from(map.keys());
console.log(mergedArray); // 输出: [1, 2, 3, 4, 5, 6, 7]

使用indexOf进行双层循环去重

这是一种较为传统的去重方法，通过双层循环来检查元素是否已经存在于新数组中。

const array1 = [1, 2, 3];
const array2 = [3, 4, 5];
const array3 = [5, 6, 7];

const mergedArray = [];
[array1, array2, array3].forEach(item => {
  item.forEach(i => {
    if (mergedArray.indexOf(i) === -1) {
      mergedArray.push(i);
    }
  });
});
console.log(mergedArray); // 输出: [1, 2, 3, 4, 5, 6, 7]

结论

数组合并去重是JavaScript开发中常见的任务之一。使用 Set 是最简单且现代的方法，但其他方法如 filter、reduce、Map 以及双层循环等也有其适用场景。开发者可以根据具体需求和个人偏好选择合适的方法。随着JavaScript语言的不断发展，未来可能会有更多简洁高效的方法出现。