合并 javascript 中具有数组的两个对象

Question

我有两个对象a和b。每个都有一个数组 results []，它进一步包含多个对象。

我想将两个对象的结果 [] 数组合并到第三个对象 c。

我已经尝试了 var c = Object.assign(a,b) 但我没有得到结果。

考虑以下示例以供参考。

a = {results[{"boys": 50, "girls": 20, "red":10},{boys": 40, "girls": 10, "red":50},{boys": 30, "girls": 10, "red":50}]}

b = {results[{boys": 20, "girls": 30},{boys": 50, "girls": 20},{boys": 70, "girls": 30}]}

我正在寻找如下结果

c = {results[{"boys": 50, "girls": 20, "red":10},{boys": 40, "girls": 10, "red":50},{boys": 30, "girls": 10, "red":50},{boys": 20, "girls": 30},{boys": 50, "girls": 20},{boys": 70, "girls": 30}]}

请帮忙。提前致谢

Answer 1

在合并两个数组之前，您需要担心的第一件事是确保语法正确。

您的 JavaScript 对象不正确。 "results" 键后需要一个冒号 (:)。
您缺少 "boys" 键的开头引号。

一旦您解决了这些问题，合并就像使用扩展语法在您的 c 对象中创建一个新的 "results" 数组一样简单。

不幸的是 deep-merging 在 ES6 中不存在，所以以下将不起作用：

const c = { ...a, ...b }

相反，您需要合并对象的 "results"。

const a = {
  "results": [
    { "boys": 50, "girls": 20, "red": 10 },
    { "boys": 40, "girls": 10, "red": 50 },
    { "boys": 30, "girls": 10, "red": 50 }
  ]
}

const b = {
  "results": [
    { "boys": 20, "girls": 30 },
    { "boys": 50, "girls": 20 },
    { "boys": 70, "girls": 30 }
  ]
}

const c = { "results": [ ...a.results, ...b.results ] }

console.log(c);

.as-console-wrapper { top: 0; max-height: 100% !important; }

合并 javascript 中具有数组的两个对象

Merge two objects in javascript having an array

javascript

arrays

concat

object