在前端开发中,我们常常需要处理数组数据。假设你手头有多个数组,想将它们合并成一个,并且去掉重复项,该怎么办呢?别担心,今天就来教你如何优雅地解决这个问题!😎
首先,我们可以利用ES6的新特性`Set`来轻松实现去重功能。例如:
```javascript
const arr1 = [1, 2, 3];
const arr2 = [3, 4, 5];
const mergedArr = [...new Set([...arr1, ...arr2])];
console.log(mergedArr); // 输出: [1, 2, 3, 4, 5]
```
如果你面对的是数组对象,比如jq中的对象数组,可以结合`map`和`filter`方法进一步优化。例如:
```javascript
const objArr1 = [{ id: 1 }, { id: 2 }];
const objArr2 = [{ id: 2 }, { id: 3 }];
const uniqueObjs = [
...new Map(objArr1.concat(objArr2).map(item => [item.id, item])).values()
];
console.log(uniqueObjs);
```
这样就能快速搞定数组合并与去重啦!🚀💡