前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js中数组对象去重的方法

js中数组对象去重的方法

作者头像
半指温柔乐
发布2018-09-11 09:22:10
11.8K0
发布2018-09-11 09:22:10
举报
文章被收录于专栏:前端知识分享前端知识分享

最近工作中需要用到数组对象去重的方法,我是怎么想也没想出来,今天稍微研究了一下,总算找到了2种方法。分享一下,希望对大家有帮助!

方法一:

采用对象访问属性的方法,判断属性值是否存在,如果不存在就添加。

方法二:

采用数组中的reduce方法,遍历数组,也是通过对象访问属性的方法

代码语言:javascript
复制
 1  var arr = [{
 2       key: '01',
 3       value: '乐乐'
 4    }, {
 5       key: '02',
 6       value: '博博'
 7    }, {
 8       key: '03',
 9       value: '淘淘'
10    },{
11       key: '04',
12       value: '哈哈'
13    },{
14       key: '01',
15       value: '乐乐'
16    }];
17 
18 
19    //  方法1:利用对象访问属性的方法,判断对象中是否存在key
20    var result = [];
21    var obj = {};
22    for(var i =0; i<arr.length; i++){
23       if(!obj[arr[i].key]){
24          result.push(arr[i]);
25          obj[arr[i].key] = true;
26       }
27    }
28    console.log(result); // [{key: "01", value: "乐乐"},{key: "02", value: "博博"},{key: "03", value: "淘淘"},{key: "04", value: "哈哈"}]
29 
30 
31 
32    //  方法2:利用reduce方法遍历数组,reduce第一个参数是遍历需要执行的函数,第二个参数是item的初始值
33       var obj = {};
34     arr = arr.reduce(function(item, next) {
35       obj[next.key] ? '' : obj[next.key] = true && item.push(next);
36       return item;
37    }, []);
38    console.log(arr); // [{key: "01", value: "乐乐"},{key: "02", value: "博博"},{key: "03", value: "淘淘"},{key: "04", value: "哈哈"}]
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-06-03 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档