方法一:利用filter
var arr=[{id:1,name:'bob'},{id:1,name:'bob'},{id:1,name:'bob'},{id:1,name:'lucy'},{id:1,name:'lucy'},{id:2,name:'lucy'},{id:2,name:'張三'}]
//去掉相同id的項目
var arr1=arr.filter(function(element,index,self){
return self.findIndex(el=>el.id==element.id)===index
})
//封裝成方法福稳，通過某個屬性去重
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
})
}
//加載到數(shù)組原型上
Array.prototype.filterRepeat=function(){
if(typeof arguments[0]=='string') return filterRepeat(this,arguments[0])
return filterRepeat2(this,arguments[0])
}
//test 通過name屬性去重
var newArr=arr.filterRepeat('name')
console.log(newArr)
var newArr2=arr.filterRepeat(function(a,b){return a.id==b.id&&a.name==b.name})
console.log(newArr2)
測試結(jié)果
image.png
方法二:利用reduce
var arr=[{id:1,name:'bob'},{id:1,name:'bob'},{id:1,name:'bob'},{id:1,name:'lucy'},{id:1,name:'lucy'},{id:2,name:'lucy'},{id:2,name:'張三'}]
var arr1=arr.reduce(function(prev,element){
if(!prev.find(el=>el.id==element.id)) {
prev.push(element)
}
return prev
},[])
