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
  • 相关阅读:
    昨天晚上简单英文词典查询及排版系统写完了
    c函数 atoi() 将字符串转换为整型 kbhit() 检测是否有按键按下 区分bioskey()
    写了一个字典树
    用scanf清空缓冲区 对比fflush
    爬取千千小说 -- xpath
    第二十六篇 -- 去掉标题栏并自定义标题栏
    git clone 中途停止不动
    使用turtle库画一朵玫瑰花带文字
    正则爬取我要个性网的头像
    用Pygal画一个英雄能力的图
  • 原文地址:https://www.cnblogs.com/XHappyness/p/10299865.html
Copyright © 2011-2022 走看看