数组对象去重方法笔记记录

最新推荐文章于 2023-12-28 15:42:21 发布

月照一江秋水

最新推荐文章于 2023-12-28 15:42:21 发布

阅读量91

点赞数 1

分类专栏： vue 笔记

本文链接：https://blog.csdn.net/qq_41206597/article/details/117662485

版权

vue 同时被 2 个专栏收录

15 篇文章 2 订阅

订阅专栏

笔记

5 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何在JavaScript中去除数组中重复的对象，重点在于利用`filter()`方法结合`findIndex()`实现基于特定属性的去重。提供了两种去重方法，一种是直接根据指定属性进行去重，另一种是自定义比较函数进行去重。此外，还展示了如何将去重方法扩展到数组原型上。示例中展示了针对包含相同ID但名称不同的对象数组进行去重的操作。

摘要由CSDN通过智能技术生成

项目场景：

提示：数组对象去重(百度的，笔记记录)

var arr=[{id:0, name:'aa'}, {id:0,name:'a1'}, {id:1,name:'aa'}, {id:2,name:'aa'}]
//封装成方法，通过某个属性去重
function filterRepeat(arr,prop){
return arr.filter(function(element,index,self) {
  return self.findIndex(el => el[prop] == element[prop]) === index
})
}
//自定义去重方法
function filterRepeat2(arr,compareFn){
return arr.filter(function(element,index,self){
  return self.findIndex(el=>compareFn(el,element))===index
})
}
//加载到数组原型上
Array.prototype.filterRepeat=function(){
if(typeof arguments[0]=='string')  return filterRepeat(this,arguments[0])
return filterRepeat2(this,arguments[0])
}
var newArr = arr.filterRepeat(function(a, b){return a.id == b.id && a.name == b.name})
console.log(newArr)