博客
关于我
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/

你可能感兴趣的文章
Netty WebSocket客户端
查看>>
netty 主要组件+黏包半包+rpc框架+源码透析
查看>>
Netty 异步任务调度与异步线程池
查看>>
Netty中集成Protobuf实现Java对象数据传递
查看>>
Netty事件注册机制深入解析
查看>>
Netty原理分析及实战(四)-客户端与服务端双向通信
查看>>
Netty客户端断线重连实现及问题思考
查看>>
Netty工作笔记0006---NIO的Buffer说明
查看>>
Netty工作笔记0007---NIO的三大核心组件关系
查看>>
Netty工作笔记0011---Channel应用案例2
查看>>
Netty工作笔记0013---Channel应用案例4Copy图片
查看>>
Netty工作笔记0014---Buffer类型化和只读
查看>>
Netty工作笔记0020---Selectionkey在NIO体系
查看>>
Vue踩坑笔记 - 关于vue静态资源引入的问题
查看>>
Netty工作笔记0024---SelectionKey API
查看>>
Netty工作笔记0025---SocketChannel API
查看>>
Netty工作笔记0027---NIO 网络编程应用--群聊系统2--服务器编写2
查看>>
Netty工作笔记0050---Netty核心模块1
查看>>
Netty工作笔记0057---Netty群聊系统服务端
查看>>
Netty工作笔记0060---Tcp长连接和短连接_Http长连接和短连接_UDP长连接和短连接
查看>>