• 实现两个对象的深度合并


    es6新增的Object.assign()方法只会合并替换对象的第一层key,对于多层的,会当做值处理。

    比如 

    let obj1 = {
      a: {
        b: {
          c: "111"
        }
      }
    };
    
    let obj2 = {
      a: {
        b: {
          d: "222"
        }
      }
    };
    
    Object.assign(obj1, obj2);
    
    console.log(JSON.stringify(obj1));
    
    //  {"a":{"b":{"d":"222"}}}
    View Code

    而我想要的结果是: {"a":{"b":{"c": "111", "d":"222"}}}

    在这里看到一个解决方案: https://segmentfault.com/q/1010000008815500 

    我测试了一下,大部分是能满足情况的,但是下面这种和预想的又不一样。我希望当这种情况下,obj2中没有c这个key:此时obj2[b]直接覆盖掉obj1[b] 

    function deepMerge(obj1, obj2) {
      let key;
      for (key in obj2) {
        // 如果target(也就是obj1[key])存在,且是对象的话再去调用deepMerge,否则就是obj1[key]里面没这个对象,需要与obj2[key]合并
        obj1[key] =
          obj1[key] && obj1[key].toString() === "[object Object]"
            ? deepMerge(obj1[key], obj2[key])
            : (obj1[key] = obj2[key]);
      }
      return obj1;
    }
    let obj1 = {
      a: {
        b: {
          c: '111'
        }
      }
    };
    
    let obj2 = {
      a: {
        b: 'ABC'
      }
    };
    
    let obj3 = deepMerge(obj1, obj2);
    
    console.log(JSON.stringify(obj3));
    
    // {"a":{"b":{"0":"A","1":"B","2":"C","c":"111"}}}
    View Code

    所以,我再上面的基础上进行了改进:

    function deepMerge(obj1, obj2) {
      let key;
      for (key in obj2) {
        // 如果target(也就是obj1[key])存在,且是对象的话再去调用deepMerge,否则就是obj1[key]里面没这个对象,需要与obj2[key]合并
        // 如果obj2[key]没有值或者值不是对象,此时直接替换obj1[key]
        obj1[key] =
          obj1[key] &&
          obj1[key].toString() === "[object Object]" &&
          (obj2[key] && obj2[key].toString() === "[object Object]")
            ? deepMerge(obj1[key], obj2[key])
            : (obj1[key] = obj2[key]);
      }
      return obj1;
    }
    let obj1 = {
      a: {
        b: {
          c: '111'
        }
      }
    };
    
    let obj2 = {
      a: {
        b: 'ABC'
      }
    };
    
    let obj3 = deepMerge(obj1, obj2);
    
    console.log(JSON.stringify(obj3));
    
    //  {"a":{"b":"ABC"}}
    View Code
  • 相关阅读:
    数据库30条规范
    数据库索引原理
    HashMap的实现原理
    Google 和 Baidu 常用的搜索技巧
    Arrays工具类十大常用方法
    fastjson将json格式null转化空串
    SolrCloud的介绍
    网页背景图片自适应浏览器大小
    addlinkedserver
    常用
  • 原文地址:https://www.cnblogs.com/XHappyness/p/10299865.html
Copyright © 2020-2023  润新知