js中数组对象去重的方法

最新推荐文章于 2024-07-16 16:50:55 发布

置顶 guoguole_粿粿乐

最新推荐文章于 2024-07-16 16:50:55 发布

阅读量297

点赞数

分类专栏： ES6学习笔记文章标签： javascript

本文链接：https://blog.csdn.net/han_calligrapher/article/details/106555412

版权

ES6学习笔记专栏收录该内容

12 篇文章 0 订阅

订阅专栏

最工作中需要用到数组对象去重的方法，分享一下，希望对大家有帮助！

方法一：

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

方法二：

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

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 = {};
      arr.forEach(v => {
        if(!obj[v.key]) {
            result.push(v)
            obj[v.key] = true
        }
      })
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((array, item) => {
35       obj[item.key] ? '' : obj[item.key] = true && array.push(item);
36       return array;
37    }, []);
38    console.log(arr); // [{key: "01", value: "开开"},{key: "02", value: "欣欣"},{key: "03", value: "心心"},{key: "04", value: "哈哈"}]