博客
关于我
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 gateway集群和动态网关
查看>>
nginx http配置说明,逐渐完善。
查看>>
Nginx keepalived一主一从高可用,手把手带你一步一步配置!
查看>>
Nginx Location配置总结
查看>>
Nginx log文件写入失败?log文件权限设置问题
查看>>
Nginx Lua install
查看>>
nginx net::ERR_ABORTED 403 (Forbidden)
查看>>
Nginx RTMP 模块使用指南
查看>>
Nginx SSL 性能调优
查看>>
Nginx SSL私有证书自签,且反代80端口
查看>>
Nginx upstream性能优化
查看>>
Nginx 中解决跨域问题
查看>>
nginx 代理解决跨域
查看>>
Nginx 做负载均衡的几种轮询策略分析
查看>>
Nginx 入门,一篇搞定!
查看>>
Nginx 利用代理转发请求示例
查看>>
Nginx 动静分离与负载均衡的实现
查看>>
Nginx 反向代理 MinIO 及 ruoyi-vue-pro 配置 MinIO 详解
查看>>
nginx 反向代理 转发请求时,有时好有时没反应,产生原因及解决
查看>>
Nginx 反向代理+负载均衡
查看>>