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) ;