zoukankan      html  css  js  c++  java
  • 实现两个对象的深度合并

    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
  • 相关阅读:
    分分钟提升命令行模式下密码输入逼格
    MySQL server has gone away 的两个最常见的可能性
    第一次遇到刷新缓冲区延时
    Mac上安装mysqlclient的报错
    python3 --- locale命名空间让程序更加安全了
    doctest --- 一个改善python代码质量的工具
    MySQL优化器 --- index_merge
    机智的MySQL优化器 --- is null
    Centos-7.x 下子网掩码的配置
    JS组件系列——BootstrapTable+KnockoutJS实现增删改查解决方案(三):两个Viewmodel搞定增删改查
  • 原文地址:https://www.cnblogs.com/XHappyness/p/10299865.html
Copyright © 2011-2022 走看看