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 ]

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

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

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

Javascript

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

Javascript

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

Javascript

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程

JavaScript 精品教程

回顶部

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

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

Javascript

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

Javascript

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

Javascript

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程

JavaScript 精品教程

回顶部

切换注册登录

用户名或邮箱

密码

切换登录注册

昵称

邮箱

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