js 数组里面去重对象的方法

简介: 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)  ;  


目录
相关文章
|
3天前
|
前端开发 JavaScript
前端 js 经典:数组常用方法总结
前端 js 经典:数组常用方法总结
12 0
|
2天前
|
JSON JavaScript 安全
向js发送含有NSDictionary对象或NSArray对象的消息
向js发送含有NSDictionary对象或NSArray对象的消息
9 0
|
2天前
|
移动开发 JavaScript iOS开发
WKWebView和js互调方法的实现
WKWebView和js互调方法的实现
4 0
|
2天前
|
JavaScript 前端开发
Symbol在JavaScript中还有哪些内置的Symbol可以用于定义特定的方法或属性
Symbol在JavaScript中还有哪些内置的Symbol可以用于定义特定的方法或属性
|
3天前
|
前端开发 JavaScript
前端 JS 经典:数组去重万能方法
前端 JS 经典:数组去重万能方法
7 0
|
3天前
|
前端开发 JavaScript
前端 JS 经典:判断对象属性是否存在
前端 JS 经典:判断对象属性是否存在
7 0
|
3天前
|
前端开发 JavaScript 流计算
前端 js 经典:字符串超全方法总结
前端 js 经典:字符串超全方法总结
11 0
|
4天前
|
前端开发 JavaScript 开发者
JavaScript中的异步编程方法总结
在JavaScript开发中,处理异步操作是非常常见的情况。本文将总结JavaScript中常用的异步编程方法,包括Callback、Promise、Async/Await等,分析其优缺点,并提供使用建议。
|
6天前
|
缓存 前端开发 JavaScript
React和Next.js开发常见的HTTP请求方法
React和Next.js开发常见的HTTP请求方法
9 0
|
6天前
|
JSON 前端开发 JavaScript
前端 JS 经典:JSON 对象
前端 JS 经典:JSON 对象
9 0