博客
关于我
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
查看>>
nginx + etcd 动态负载均衡实践(一)—— 组件介绍
查看>>
nginx + etcd 动态负载均衡实践(三)—— 基于nginx-upsync-module实现
查看>>
nginx + etcd 动态负载均衡实践(二)—— 组件安装
查看>>
nginx + etcd 动态负载均衡实践(四)—— 基于confd实现
查看>>
Nginx + Spring Boot 实现负载均衡
查看>>
Nginx + Tomcat + SpringBoot 部署项目
查看>>
Nginx + uWSGI + Flask + Vhost
查看>>
Nginx - Header详解
查看>>
nginx - thinkphp 如何实现url的rewrite
查看>>
Nginx - 反向代理、负载均衡、动静分离、底层原理(案例实战分析)
查看>>
Nginx - 反向代理与负载均衡
查看>>
nginx 1.24.0 安装nginx最新稳定版
查看>>
nginx 301 永久重定向
查看>>
nginx 403 forbidden
查看>>
nginx connect 模块安装以及配置
查看>>
nginx css,js合并插件,淘宝nginx合并js,css插件
查看>>
Nginx gateway集群和动态网关
查看>>
nginx http配置说明,逐渐完善。
查看>>
Nginx keepalived一主一从高可用,手把手带你一步一步配置!
查看>>