zoukankan      html  css  js  c++  java
  • js对象数组去重

    方法一:

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

    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); // [{key: "01", value: "乐乐"},{key: "02", value: "博博"},{key: "03", value: "淘淘"},{key: "04", value: "哈哈"}]

    方法二:

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

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

    参考链接:https://www.cnblogs.com/le220/p/9130656.html

  • 相关阅读:
    谈谈SpringFramework与IoC依赖查找
    监控微博、论坛的“棱镜计划”
    输出质数的方法改进
    参数解构
    直接插入排序
    理解迭代
    异常处理
    函数
    continue语句
    break语句
  • 原文地址:https://www.cnblogs.com/lvonve/p/14180340.html
Copyright © 2011-2022 走看看