如何将两个数组合并在JavaScript中并去重

在开发前端应用程序时，通常需要处理多个数据集，并将它们合并为一个单一的数据集。JavaScript提供了许多方法来完成这个任务，本文将介绍如何使用两种方法：concat()和Set对象。

1. 使用concat()方法合并数组

concat()方法是JavaScript中一个用于合并数组的内置方法，可以将两个或多个数组连接成一个单一的数组。使用concat()方法将两个数组合并时，可以通过以下方式去重：

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

const mergedArray = arr1.concat(arr2.filter(item => !arr1.includes(item)));

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

上述代码首先使用了filter()方法过滤掉了数组arr2中已经存在于arr1中的元素，然后再将arr1和过滤后的arr2通过concat()方法合并为一个新的数组mergedArray。

2. 使用Set对象去重合并后的数组

JavaScript中的Set对象是一种有序的集合，其中的每个元素都是唯一的。因此，可以使用Set对象来快速去重已合并的数组。

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

const mergedArray = Array.from(new Set(arr1.concat(arr2)));

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

上述代码首先使用concat()方法将arr1和arr2合并为一个新的数组，然后通过new Set()方法将该数组转换为Set对象。最后，通过Array.from()方法将Set对象转换回数组。这样就得到了一个去重后的合并数组mergedArray。

总结

本文介绍了使用JavaScript中的concat()方法和Set对象来合并两个数组并去重的方法。通过过滤重复项和使用Set对象，可以得到一个干净的、无重复元素的数组。在实际开发中，我们可以根据具体情况选择其中一种或多种方法进行数据处理，并根据需求进行调整。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/7923