美文网首页
JS去除数组对象相同的数据

JS去除数组对象相同的数据

作者: 甘道夫老矣 | 来源:发表于2020-12-28 16:26 被阅读0次
    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<arr.length; i++){
        if(!obj[arr[i].key]){
           result.push(arr[i]);
           obj[arr[i].key] = true;
        }
     }
     console.log(result); 
    

    // 方法2:利用reduce方法遍历数组,reduce第一个参数是遍历需要执行的函数,第二个参数是item的初始值

    var obj = {};
      arr = arr.reduce(function(item, next) {
        obj[next.key] ? '' : obj[next.key] = true && item.push(next);
        return item;
     }, []);
    

    相关文章

      网友评论

          本文标题:JS去除数组对象相同的数据

          本文链接:https://www.haomeiwen.com/subject/xmdwrktx.html