JavaScript 如何合并两个数组并移除重复项

在本文中，我们将学习如何在JavaScript中合并两个数组并从合并的数组中移除重复项。在JavaScript中处理数组时，我们经常需要合并数组并移除重复项。

有几种方法可以合并两个数组并移除重复项，如下所示：

• 使用Spread Operator和Set()对象
• 使用concat()方法和Set()对象
• 使用concat()方法和Filter()方法

方法1：使用Spread Operator和Set()对象

Spread Operator用于合并两个数组，然后使用Set()对象从合并的数组中移除重复项。

示例：

Javascript

let arr1 = [1, 2, 3, 4, 5, 6];  
let arr2 = [3, 4, 5, 7]; 
let arr = [...arr1, ...arr2]; 
let mergedArr = [...new Set(arr)] 
console.log(mergedArr);

输出

[
  1, 2, 3, 4,
  5, 6, 7
]

方法2：使用concat()方法和Set()对象

concat()方法用于合并两个数组，然后使用Set()对象从合并后的数组中去除重复项。

示例：

Javascript

let arr1 = [1, 2, 3, 4, 5, 6];  
let arr2 = [3, 4, 5, 7]; 
let arr = arr1.concat(arr2); 
let mergedArr = [...new Set(arr)] 
console.log(mergedArr);

输出

[
  1, 2, 3, 4,
  5, 6, 7
]

方法3： 使用concat()方法和filter()方法

concat()方法用于合并两个数组，然后使用filter()方法从合并的数组中移除重复的项。

示例：

Javascript

let arr1 = [1, 5, 3]; 
let arr2 = [4, 5, 6]; 
let newArr = arr1.concat(arr2.filter((item) => arr1.indexOf(item) < 0)); 
console.log(newArr);

输出：

[ 1, 5, 3, 4, 6 ]