js 对象数组去重

原创已于 2023-04-14 10:45:19 修改 · 262 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

于 2023-04-14 10:43:13 首次发布

文章介绍了一种使用JavaScript的reduce方法来实现对象数组去重的技巧，主要通过创建一个临时对象来存储已出现的键值，从而达到去重目的。示例代码展示了如何根据code键去重，最后返回的结果是只包含唯一code的数组。

js 对象数组去重

//对象数组去重
const uniqueArr=(arr, key)=>{
  let obj = {}
  return arr.reduce((newarr,item) => {
    obj[item[key]] ? '' : obj[item[key]] = true && newarr.push(item)
    return newarr
  },[])
}
let arr=[
	{id:1,code:1,name:'张三'}，
	{id:2,code:1,name:'张三'},
	{id:3,code:2,name:'赵四'}
]
console.log(uniqueArr(arr,'code'));
//[{id:1,code:1,name:'张三'}，{id:3,code:2,name:'赵四'}]