js數組中對象去重的方法
今天在進行百度地圖開發時,遇到多個重復的點位,需要將重復的點位進行過濾,正常的數組我們通常都能找到方法進行解決,但對對象數組進行去重處理,有點蒙圈,下面我們就進一步研究
var points = [{
lat: 22.687,
lng: 114.014
}, {
lat: 22.687,
lng: 112.004
}, {
lat: 22.837,
lng: 114.014
},{
lat: 26.687,
lng: 115.014
},{
lat: 22.687,
lng: 115.014
},{
lat: 22.687,
lng: 114.014
}];
方法一:
我們可以借助對象訪問屬性的方法,判斷屬性是否存在,如果已存在則進行過濾
var result = [];
var obj = {};
for(var i =0; i<points.length; i++){
if(!obj[points[i].lat]){
result.push(points[i]);
obj[points[i].lat] = true;
}
}
console.log(result) ;
方法二:
我們可以借助數組中reduce方法,訪問遍歷數組,其也是借助訪問對象屬性方法
var obj = {};
points = points.reduce(function(item, next) {
obj[next.lat] ? '' : obj[next.lat] = true && item.push(next);
return item;
}, []);
console.log(points) ;