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

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

方法一:对象访问属性法

通过遍历数组,检查对象中是否存在对应的键值。如果不存在,则将该对象添加到结果数组中。

var arr = [{key: '01', value: '乐乐'}, {key: '02', value: '博博'}, {key: '03', value: '淘淘'}, {key: '04', value: '哈哈'}, {key: '01', value: '乐乐'}];        var result = [];        var obj = {};        for (var i = 0; i < arr.length; i++) {          var key = arr[i].key;          if (!obj.hasOwnProperty(key)) {            obj[key] = arr[i];            result.push(obj[key]);          }        }

方法二:数组reduce方法

利用数组的reduce方法,逐一处理数组中的每个对象,检查对象中是否存在对应的键值。如果不存在,则将该对象添加到结果数组中。

var arr = [{key: '01', value: '乐乐'}, {key: '02', value: '博博'}, {key: '03', value: '淘淘'}, {key: '04', value: '哈哈'}, {key: '01', value: '乐乐'}];        var result = arr.reduce(function (acc, current) {          var key = current.key;          if (!acc.hasOwnProperty(key)) {            acc[key] = current;            return acc;          } else {            return acc;          }        }, {});

方法三:ES6 Set去重

通过遍历数组,使用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(function (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/

你可能感兴趣的文章
NT symbols are incorrect, please fix symbols
查看>>
ntelliJ IDEA 报错:找不到包或者找不到符号
查看>>
NTFS文件权限管理实战
查看>>
ntko web firefox跨浏览器插件_深度比较:2019年6个最好的跨浏览器测试工具
查看>>
ntko文件存取错误_苹果推送 macOS 10.15.4:iCloud 云盘文件夹共享终于来了
查看>>
ntp server 用法小结
查看>>
ntpdate 通过外网同步时间
查看>>
ntpdate同步配置文件调整详解
查看>>
NTPD使用/etc/ntp.conf配置时钟同步详解
查看>>
NTP及Chrony时间同步服务设置
查看>>
NTP服务器
查看>>
NTP配置
查看>>
NUC1077 Humble Numbers【数学计算+打表】
查看>>
NuGet Gallery 开源项目快速入门指南
查看>>
NuGet(微软.NET开发平台的软件包管理工具)在VisualStudio中的安装的使用
查看>>
nuget.org 无法加载源 https://api.nuget.org/v3/index.json 的服务索引
查看>>
Nuget~管理自己的包包
查看>>
NuGet学习笔记001---了解使用NuGet给net快速获取引用
查看>>
nullnullHuge Pages
查看>>
NullPointerException Cannot invoke setSkipOutputConversion(boolean) because functionToInvoke is null
查看>>