js中数组对象去重的方法
生活随笔
收集整理的這篇文章主要介紹了
js中数组对象去重的方法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
最近工作中需要用到數組對象去重的方法,我是怎么想也沒想出來,今天稍微研究了一下,總算找到了2種方法。分享一下,希望對大家有幫助!
方法一:
采用對象訪問屬性的方法,判斷屬性值是否存在,如果不存在就添加。
方法二:
采用數組中的reduce方法,遍歷數組,也是通過對象訪問屬性的方法
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: "哈哈"}]
總結
以上是生活随笔為你收集整理的js中数组对象去重的方法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 设计的意义是解决问题
- 下一篇: 《心动小镇》泡泡位置汇总