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: "哈哈"}]
      // 方法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: "哈哈"}]
    

      

    function deteleObject(obj) {
        var uniques = [];
        var stringify = {};
        for (var i = 0; i < obj.length; i++) {
            var keys = Object.keys(obj[i]);
            keys.sort(function(a, b) {
                return (Number(a) - Number(b));
            });
            var str = '';
            for (var j = 0; j < keys.length; j++) {
                str += JSON.stringify(keys[j]);
                str += JSON.stringify(obj[i][keys[j]]);
            }
            if (!stringify.hasOwnProperty(str)) {
                uniques.push(obj[i]);
                stringify[str] = true;
            }
        }
        uniques = uniques;
        return uniques;
    }
    

      

    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: "哈哈"}]
      // 方法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: "哈哈"}]
  • 相关阅读:
    discuz X3.2 自定义系统广告详解
    windows平台myeclipse+PDT+apache+xdebug调试php
    南浮的IT民工
    linux实践——编译安装两个apache
    如何使maven+jetty运行时不锁定js和css[转]
    linux实践——ubuntu搭建 svn 服务
    测试代码插件(插入代码块)
    FTP 文件接口按天批处理脚本实例
    7月份工作小结
    报表开发过程
  • 原文地址:https://www.cnblogs.com/Samuel-Leung/p/12585771.html
Copyright © 2011-2022 走看看