js中数组对象去重的方法

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

结果为：

    对比上述两种方法，其产生的过滤结果一样

参考来源：
https://www.jb51.net/article/154887.htm