标签：arr obj reduce value js 数组 方法 id

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

方法一：

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

方法二：

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

var arr = [{
      id: '01',
      value: '乐乐'
   }, {
      id: '02',
      value: '博博'
   }, {
      id: '03',
      value: '淘淘'
   },{
      id: '04',
      value: '哈哈'
   },{
      id: '01',
      value: '乐乐'
   }];


   //  方法1：利用对象访问属性的方法，判断对象中是否存在key
   var result = [];
   var obj = {};
   for(var i =0; i<arr.length; i++){
      if(!obj[arr[i].id]){
         result.push(arr[i]);
         obj[arr[i].id] = true;
      }
   }
   console.log(result); // [{id: "01", value: "乐乐"},{id: "02", value: "博博"},{id: "03", value: "淘淘"},{id: "04", value: "哈哈"}]



   //  方法2：利用reduce方法遍历数组,reduce第一个参数是遍历需要执行的函数，第二个参数是item的初始值
      var obj = {};
    arr = arr.reduce(function(item, next) {
      obj[next.id] ? '' : obj[next.id] = true && item.push(next);
      return item;
   }, []);
   console.log(arr); // [{id: "01", value: "乐乐"},{id: "02", value: "博博"},{id: "03", value: "淘淘"},{id: "04", value: "哈哈"}]

标签：arr,obj,reduce,value,js,数组,方法,id
来源： https://blog.csdn.net/qq_49278774/article/details/122455431

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。