主页 / 问题 / 1075395
Accepted
dmitriy
Asked:2020-01-28 20:44:20 +0800 CST2020-01-28 20:44:20 +0800 CST

如何加入 2 个嵌套对象

  • 772

有2个对象：

Ojb1: {
   map: ['item 1', 'item 2'],
   settings: {
      key1: 1,
      key2: 2
   }
}

Ojb2: {
   map: ['item 3'],
   settings: {
      key3: 3
   }
}

如何将 obj2 中的所有内容添加到 obj1 以获得：

Ojb1: {
       map: ['item 1', 'item 2', 'item 3'],
       settings: {
          key1: 1,
          key2: 2,
          key3: 3
       }
    }
javascript

1 个回答

  1. Best Answer

    没有内置任何东西。您需要自己递归遍历所有字段并将它们组合起来

    const obj1 = {
   map: ['item 1', 'item 2'],
   settings: {
      key1: 1,
      key2: 2
   },
   d: 5
};

const obj2 = {
   map: ['item 3'],
   settings: {
      key3: 3
   },
   d: 6
};

function merge(target, ...sources) {
  for (let srcIdx = 0; srcIdx < sources.length; srcIdx++) {
    const source = sources[srcIdx];
    for (let fldIdx in source) {
      const srcFld = source[fldIdx];
      if (typeof target[fldIdx] === "object") {
        if (Array.isArray(target[fldIdx]))
          target[fldIdx] = target[fldIdx].concat(srcFld);
        else
          merge(target[fldIdx], srcFld);
      } else {
        if (typeof srcFld === "object") {
          if (Array.isArray(srcFld))
            target[fldIdx] = [].concat(srcFld);
          else
            target[fldIdx] = merge({}, srcFld);
        } else
          target[fldIdx] = srcFld;
      }
    }
  }
  return target;
}

const obj3 = merge({}, obj1, obj2);

console.log(3, obj3);
console.log(1, obj1);
console.log(2, obj2);

    • 3

相关问题