在 ECMAScript 6 中合并两个对象并增加键答案

【问题标题】：Merge two objects and increase the keys in ECMAScript 6在 ECMAScript 6 中合并两个对象并增加键
【发布时间】：2018-07-01 15:53:25
【问题描述】：

我想将几个对象合并在一起，但是因为它们的键是相等的，所以当使用Object.assign() 时它只返回与最后一个相同的属性。

let obj1 = {0: "a", 1: "b", 2: "c", 3: "d"};
let obj2 = {0: "e", 1: "f", 2: "g", 3: "h"};

但是我想要的输出

let output = {0: "a", 1: "b", 2: "c", 3: "d", 4: "e", 5: "f", 6: "g", 7: "h"};

【问题讨论】：

你是如何尝试合并它们的？
Object.assign({}, obj1, obj2);

标签： javascript ecmascript-6 javascript-objects

【解决方案1】：

你真的应该为此使用数组。它会让你的生活更轻松。

话虽如此，您可以从对象中获取values，这将是数组，将它们连接起来，然后使用以下方法创建一个新对象：

let obj1 = {0: "a", 1: "b", 2: "c", 3: "d"}
let obj2 = {0: "e", 1: "f", 2: "g", 3: "h"}

let obj = Object.values(obj1).concat(Object.values(obj2))
          .reduce((a, c, i) => (a[i] = c, a), {})
console.log(obj)

你也可以使用扩展语法：

let obj1 = {0: "a", 1: "b", 2: "c", 3: "d"}
let obj2 = {0: "e", 1: "f", 2: "g", 3: "h"}

let obj = {...Object.values(obj1).concat(Object.values(obj2))}
console.log(obj)

对于这样的情况应该发生什么是模棱两可的：

let obj1 = {0: "a", 1: "b", 2: "c", 4: "d"}
let obj2 = {0: "e", 1: "f", 2: "g", 3: "h"}

【讨论】：

请注意，object spread 和 Object.values 都不是 ECMAScript 6。

【解决方案2】：

您可以通过串联所有值来串联任意数量的对象并将它们分配回一个对象。

let obj1 = { 0: "a", 1: "b", 2: "c", 3: "d" },
    obj2 = { 0: "e", 1: "f", 2: "g", 3: "h" },
    merged = Object.assign({}, [obj1, obj2].reduce((r, o) => r.concat(Object.values(o)), []));
    
console.log(merged);

【讨论】：

【解决方案3】：

如果键是数字的，则使用Object.assign([], obj)（或Object.values(obj)，尽管这不是ES6）将两个对象转换为数组，concat 它们，然后将所有可枚举的属性放入一个使用Object.assign创建新对象：

const obj1 = {
      0: "a",
      1: "b",
      2: "c",
      3: "d"
    },
  obj2 = {
      0: "e",
      1: "f",
      2: "g",
      3: "h"
    },
  output = Object.assign({}, Object.assign([], obj1).concat(Object.assign([], obj2)));

console.log(output);

虽然，如果数字键假设成立，请考虑跳过最后的Object.assign。属性都是一样的，加上一些有用的数组方法和属性（可枚举的属性将完全匹配）。

【讨论】：

【解决方案4】：

创建一个对象数组并使用reduce方法。将一个空对象作为thisArg传递并保留一个index，它将增加，这个index将作为一个键。在reduce方法中使用Object.values这将为数组提供当前对象的所有值，例如[a,b,c,d]。现在迭代这个数组并更新最初传递的空白对象

let obj1 = {
  0: "a",
  1: "b",
  2: "c",
  3: "d"
};
let obj2 = {
  0: "e",
  1: "f",
  2: "g",
  3: "h"
};
let comObj = [obj1, obj2]
let index = 0;
let mrgObj = comObj.reduce(function(acc, curr) {
  let getVals = Object.values(curr);
  getVals.forEach(function(item, currIndex) {
    acc[index] = item
    index++;
  })
  return acc;
}, {});
console.log(mrgObj)

【讨论】：