首页 > 综合 > 科技资讯 >

🌟js合并多个数组并去重✨

发布时间:2025-04-08 16:17:48来源:

在前端开发中,我们常常需要处理数组数据。假设你手头有多个数组,想将它们合并成一个,并且去掉重复项,该怎么办呢?别担心,今天就来教你如何优雅地解决这个问题!😎

首先,我们可以利用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);

```

这样就能快速搞定数组合并与去重啦!🚀💡

免责声明:本答案或内容为用户上传,不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。 如遇侵权请及时联系本站删除。