您现在的位置是:首页 >科技 > 2025-04-08 20:25:53 来源:

🌟JS数组&对象合并去重秘籍🌟

导读 在日常开发中,我们常常需要对数组或数组中的对象进行合并与去重操作。今天就来聊聊如何优雅地实现这一功能!💪首先,对于简单的数组去重,...

在日常开发中,我们常常需要对数组或数组中的对象进行合并与去重操作。今天就来聊聊如何优雅地实现这一功能!💪

首先,对于简单的数组去重,可以借助`Set`轻松搞定。例如:

```javascript

let arr = [1, 2, 2, 3];

let uniqueArr = [...new Set(arr)];

console.log(uniqueArr); // 输出: [1, 2, 3]

```

而对于数组对象的合并与去重,则稍显复杂。假设我们有两个对象数组,想将它们合并并去除重复项(以某个字段为唯一标识)。可以这样操作:

```javascript

let arr1 = [{id: 1, name: 'A'}, {id: 2, name: 'B'}];

let arr2 = [{id: 2, name: 'B'}, {id: 3, name: 'C'}];

let mergedArr = [...arr1, ...arr2].filter((item, index, self) =>

self.findIndex(t => t.id === item.id) === index);

console.log(mergedArr);

// 输出: [{id: 1, name: 'A'}, {id: 2, name: 'B'}, {id: 3, name: 'C'}]

```

掌握这些技巧后,你的代码会更加高效且整洁!✨