博客
关于我
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 css,js合并插件,淘宝nginx合并js,css插件
查看>>
Nginx gateway集群和动态网关
查看>>
Nginx Location配置总结
查看>>
Nginx log文件写入失败?log文件权限设置问题
查看>>
Nginx Lua install
查看>>
nginx net::ERR_ABORTED 403 (Forbidden)
查看>>
Nginx SSL私有证书自签,且反代80端口
查看>>
Nginx upstream性能优化
查看>>
Nginx 中解决跨域问题
查看>>
nginx 代理解决跨域
查看>>
Nginx 动静分离与负载均衡的实现
查看>>
Nginx 反向代理 MinIO 及 ruoyi-vue-pro 配置 MinIO 详解
查看>>
nginx 反向代理 转发请求时,有时好有时没反应,产生原因及解决
查看>>
Nginx 反向代理解决跨域问题
查看>>
Nginx 反向代理配置去除前缀
查看>>
nginx 后端获取真实ip
查看>>
Nginx 多端口配置和访问异常问题的排查与优化
查看>>
Nginx 如何代理转发传递真实 ip 地址?
查看>>
Nginx 学习总结(16)—— 动静分离、压缩、缓存、黑白名单、性能等内容温习
查看>>
Nginx 学习总结(17)—— 8 个免费开源 Nginx 管理系统,轻松管理 Nginx 站点配置
查看>>