美文网首页
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数组与对象常用操作方法

    一、Js相关数组操作 数组去除相同的 数组添加数数据 数组反转 打乱数组排序 取数组的前几个 数组扁平化 遍历对象...

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

    // 方法1:利用对象访问属性的方法,判断对象中是否存在key // 方法2:利用reduce方法遍历数组,r...

  • JS两个数组对象去除相同的数据

    let arr1 = [{uid:'1',name:'当当'},{uid:'2',name:'威威'} ]let ...

  • JavaScript - 利用js对象去掉数组的重复项

    由于js中对象的key值永不重复,可以将数组转化为对象,去除重复值 1. 把数组转成js的对象 2. 把当前对象,...

  • 数组

    数组的定义: js:存储多个相同类型数据 ,有序的数据;php数组 1,:索引数组,同js;声明:$arrName...

  • javascript - 数组

    检查对象是否为数组:数组是一种特殊的js对象。 js的数组可以存放不同数据类型数据吗?

  • js数组对象或数组常用操作

    找相同 去重 找选中和未选中 js 判断数组的对象中是否有某个值 js如何判断对象数组中是否存在某个对象

  • js对象数组的深拷贝方法以及其他方法

    js判断数据类型是否为对象 js判断数据类型是否为数组

  • js数组去除重复的对象

    我们经常会碰到js当中有很多重复的对象的情况,尤其在react中碰到这种问题总是会报key重复的错误,对此,我们可...

  • JS数组

    1.js数组是什么? 1.1真实的数组 其实js不是典型的数组,是用对象来模拟的数组,真实的数据应该 元素的数据类...

网友评论

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

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