博客
关于我
js中数组对象去重的方法
阅读量:359 次
发布时间:2019-03-04

本文共 1357 字,大约阅读时间需要 4 分钟。

方法一:对象访问属性法

通过遍历数组,检查对象中是否存在对应的键值。如果不存在,则将该对象添加到结果数组中。

var arr = [{key: '01', value: '乐乐'}, {key: '02', value: '博博'}, {key: '03', value: '淘淘'}, {key: '04', value: '哈哈'}, {key: '01', value: '乐乐'}];        var result = [];        var obj = {};        for (var i = 0; i < arr.length; i++) {          var key = arr[i].key;          if (!obj.hasOwnProperty(key)) {            obj[key] = arr[i];            result.push(obj[key]);          }        }

方法二:数组reduce方法

利用数组的reduce方法,逐一处理数组中的每个对象,检查对象中是否存在对应的键值。如果不存在,则将该对象添加到结果数组中。

var arr = [{key: '01', value: '乐乐'}, {key: '02', value: '博博'}, {key: '03', value: '淘淘'}, {key: '04', value: '哈哈'}, {key: '01', value: '乐乐'}];        var result = arr.reduce(function (acc, current) {          var key = current.key;          if (!acc.hasOwnProperty(key)) {            acc[key] = current;            return acc;          } else {            return acc;          }        }, {});

方法三:ES6 Set去重

通过遍历数组,使用ES6 Set数据结构记录已存在的键值,逐一过滤出唯一的对象数组。

let arr = [{id: 1, name: 'm'}, {id: 2, name: 'mu'}, {id: 4, name: 'muz'}, {id: 2, name: 'muzi'}];        let idSet = new Set();        let newArr = arr.filter(function (obj) {          const existingId = idSet.has(obj.id);          idSet.add(obj.id);          return !existingId;        });        console.log(newArr); // [{id: 1, name: 'm'}, {id: 2, name: 'mu'}, {id: 4, name: 'muz'}]

转载地址:http://oetr.baihongyu.com/

你可能感兴趣的文章
python3爬虫抓取智联招聘职位信息代码
查看>>
Python3爬虫数据入数据库---把爬取到的数据存到数据库,带数据库去重功能
查看>>
python3的 pymysql把mysqldb库取代了,让python 3支持mysqldb的解决方法
查看>>
Python3笔记——IDE的选择
查看>>
python3简单使用requests 用户代理,cookie池
查看>>
Python3组播通信编程实现教程(发送者+接收者)
查看>>
Python3编写网络爬虫10-数据存储方式三-CSV文件存储
查看>>
python3读取redis返回数据带有'b'的问题
查看>>
Python3连接MySQL
查看>>
Python关于isinstance函数的解析 | 附Demo(全)
查看>>
Python3:setup.py:完成所有任务的PIP安装(Build_ext+Install)
查看>>
python4.0 gil_Python 并发编程系列--1、浅谈GIL历史及对多线程的影响
查看>>
python60行绘图程序_天底下最简单的QT画图板,就一个类,60行代码
查看>>
Python: AES加密与解密
查看>>
Python: Range() 最大尺寸;动态的还是静态的?
查看>>
Python: Windows下用 multiprocessing 的深坑
查看>>
python:Could not find platform independent libraries <prefix>解决方法
查看>>
Python:datetime tzinfo 时区名称文档
查看>>
Python:deepcopy(list) vs new_list = old_list[:]
查看>>
Python:Google API - 从消息中获取 mimeTypes
查看>>