ES5版本

此版本使用 concat() 方法合并两个数组:

let array1 = ['Nick', 'David'];
let array2 = ['James', 'Jack'];
let arr = array1.concat(array2); 
console.log(arr); //Nick, David, James, Jack

concat() 方法合并两个或者多个数组,不会改变现有数组,而是返回一个新数组。

要删除重复项,可以使用 filter() 方法:

let array1 = ['Jack', 'Nick'];
let array2 = ['Nick', 'Jack'];
let arr = array1.concat(array2); 
console.log(arr);   //Jack, Nick, Nick, Jack
//remove all duplicates: Jack, Nick
let unique = arr.filter(function (item, index) {
  return arr.indexOf(item) === index;
});
console.log(unique);   //Jack, Nick

ES6 版本

此版本使用解构方法合并两个数组。

const array1 = ['John', 'David'];
const array2 = ['Jack', 'James'];
const array3 = [...array1, ...array2];
console.log(array3); //John, David, Jack, James

push() 方法是合并两个数组的另一种方法。

const array1 = ['John', 'David'];
const array2 = ['Jack', 'James'];
array1.push(...array2);
console.log(array1); //John, David, Jack, James

要删除重复项,请使用 Set。
Set 对象用于存储原始值或者对象引用的唯一值。

const array1 = ['John', 'John'];
const array2 = ['Jack', 'Jack'];
const arr = [...array1, ...array2];
const unique = [...new Set(arr)]; //John, Jack
console.log(unique);

JavaScript 数组

JavaScript Arrays 类是用于构造数组的全局对象,数组是高级且类似列表的对象。
我们可以使用数组在单个变量中存储多个值。
数组可以被描述为能够同时保存多个值的唯一变量。

如何在 JavaScript 中合并两个数组并删除重复项

在本教程中,我们将学习如何在 JavaScript 中合并两个数组。

但是,这些方法取决于我们使用的版本。

日期:2020-06-02 22:16:23 来源:oir作者:oir