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

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

方法一:

采用对象访问属性的方法,判断属性值是否存在,如果不存在就添加。

方法二:

采用数组中的reduce方法,遍历数组,也是通过对象访问属性的方法

var arr = [{      key: '01',      value: '乐乐'   }, {      key: '02',      value: '博博'   }, {      key: '03',      value: '淘淘'   },{      key: '04',      value: '哈哈'   },{      key: '01',      value: '乐乐'   }];   //  方法1:利用对象访问属性的方法,判断对象中是否存在key   var result = [];   var obj = {};   for(var i =0; i

方式三:

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( 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/

你可能感兴趣的文章
nginx负载均衡的5种策略
查看>>
nginx负载均衡的5种策略(转载)
查看>>
nginx负载均衡的五种算法
查看>>
Nginx负载均衡(upstream)
查看>>
nginx转发端口时与导致websocket不生效
查看>>
Nginx运维与实战(二)-Https配置
查看>>
Nginx部署_mysql代理_redis代理_phoenix代理_xxljob代理_websocket代理_Nacos代理_内网穿透代理_多系统转发---记录021_大数据工作笔记0181
查看>>
Nginx配置HTTPS服务
查看>>
Nginx配置Https证书
查看>>
Nginx配置http跳转https
查看>>
Nginx配置ssl实现https
查看>>
Nginx配置TCP代理指南
查看>>
NGINX配置TCP连接双向SSL
查看>>
Nginx配置——不记录指定文件类型日志
查看>>
nginx配置一、二级域名、多域名对应(api接口、前端网站、后台管理网站)
查看>>
nginx配置中的服务器名称
查看>>
Nginx配置代理解决本地html进行ajax请求接口跨域问题
查看>>
nginx配置全解
查看>>
Nginx配置参数中文说明
查看>>
Nginx配置后台网关映射路径
查看>>