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

Question

我有两个数组

var array1 = [{firstName:'John', age:32, email:'xyz1@email.com'}, {firstName:'Jack', age:40, email:'xyz2@email.com'}];
var array2 = [{firstName:'Jen', age:29, email:'abc1@email.com'}, {firstName:'Jack', age:40, email:'xyz2@email.com'}];

我想合并两个数组并得到下面的输出

var array3 = [{firstName:'John', age:32, email:'xyz1@email.com'}, {firstName:'Jack', age:40, email:'xyz2@email.com'}, {firstName: 'Jen', age: 29, email: 'abc1@email.com'}];

想知道在 JavaScript 中合并两个数组的最佳方法，以便我只从每个数组中获取唯一项吗？

Answer 1

回答

您可以使用 Rest Operators、Set Object 和 JSON 方法来做到这一点：

[ ...new Set([...a1, ...a2].map(JSON.stringify)) ].map(JSON.parse);

---

示例

var array1 = [{firstName:'John', age:32, email:'xyz1@email.com'}, {firstName:'Jack', age:40, email:'xyz2@email.com'}];
var array2 = [{firstName:'Jen', age:29, email:'abc1@email.com'}, {firstName:'Jack', age:40, email:'xyz2@email.com'}];

function joinArrays(a1, a2) {
 return [ ...new Set([...a1, ...a2].map(JSON.stringify)) ].map(JSON.parse);
}

console.log(joinArrays(array1, array2));

解释：

您可以使用 Rest Operators 组合数组：

[...a1, ...a2]

您使用JSON.stringify 将对象转换为字符串：

[...a1, ...a2].map(JSON.stringify)

您将这些字符串放入Set。集合不允许重复的原始值（字符串、数字等）

new Set([...a1, ...a2].map(JSON.stringify))

您使用 Rest Operator 将 Set 放入 Array

[...new Set([...a1, ...a2].map(JSON.stringify))]

您使用JSON.parse 映射数组以将字符串转换回对象，减去重复项。

[ ...new Set([...a1, ...a2].map(JSON.stringify)) ].map(JSON.parse);