如何在 JavaScript 中将两个对象合并到同一个属性中？

Posted 2023-02-22

【中文标题】如何在 JavaScript 中将两个对象合并到同一个属性中？

【英文标题】：How can you merge two objects into same property in JavaScript?

【发布时间】：2020-11-16 14:59:45

【问题描述】：

我有 2 个单独的 JS 对象需要合并到同一个属性中。

对象当前如下所示：

对象 1：

[0:"acircuit":"ABCDEFGH","astatus":"Test", 1:"acircuit":"IJKLMNOP","astatus":"Test2"]

对象 2：

[0:"bcircuit":"ABCDEFGH","bstatus":"Test3", 1:"bcircuit":"IJKLMNOP","bstatus":"Test4"]

我需要将这些结果合并为一个，使其如下所示：

[
    0:"acircuit":"ABCDEFGH","astatus":"Test","bcircuit":"ABCDEFGH","bstatus":"Test3", 
    1:"acircuit":"IJKLMNOP","astatus":"Test2","bcircuit":"IJKLMNOP","bstatus":"Test4"
]

当前代码如下所示：

allResults = this.state.aCircuitResults.concat(this.state.bCircuitResults)

但是，结果如下所示：

[
    0:"acircuit":"ABCDEFGH","astatus":"Test",
    1:"acircuit":"IJKLMNOP","astatus":"Test2"
    2:"bcircuit":"ABCDEFGH","bstatus":"Test3", 
    3:"bcircuit":"IJKLMNOP","bstatus":"Test4"
]

提前致谢。

【参考方案1】：

您可以使用map 和Object.assign，假设您想通过它们在数组中的位置来组合它们：

const result = firstArray.map((firstObject, index) => Object.assign(, firstObject, secondArray[index]));

例子：

const firstArray = ["acircuit":"ABCDEFGH","astatus":"Test","acircuit":"IJKLMNOP","astatus":"Test2"];

const secondArray = ["bcircuit":"ABCDEFGH","bstatus":"Test3","bcircuit":"IJKLMNOP","bstatus":"Test4"];

const result = firstArray.map((firstObject, index) => Object.assign(, firstObject, secondArray[index]));

console.log(result);

如果您需要通过属性（例如，acircuit 和 bcircuit）将它们关联起来，请从其中一个由该属性键入的 Map 构建一个 Map，然后您可以在 map 操作中使用查找：

const second = new Map(secondArray.map(obj => [obj.bcircuit, obj]));
const result = firstArray.map(firstObject => Object.assign(, firstObject, second.get(firstObject.acircuit)));

例子：

const firstArray = ["acircuit":"ABCDEFGH","astatus":"Test","acircuit":"IJKLMNOP","astatus":"Test2"];

const secondArray = ["bcircuit":"ABCDEFGH","bstatus":"Test3","bcircuit":"IJKLMNOP","bstatus":"Test4"];

const second = new Map(secondArray.map(obj => [obj.bcircuit, obj]));
const result = firstArray.map(firstObject => Object.assign(, firstObject, second.get(firstObject.acircuit)));

console.log(result);

【讨论】：

成功了 - 感谢您的帮助和快速响应。

【参考方案2】：

将Array.prototype.map() 与spread syntax 结合使用：

const result = arrayA.map((a, i) => (...a, ...arrayB[i]));

---

完成sn-p：

const arrayA = ["acircuit":"ABCDEFGH","astatus":"Test", "acircuit":"IJKLMNOP","astatus":"Test2"];
const arrayB = ["bcircuit":"ABCDEFGH","bstatus":"Test3", "bcircuit":"IJKLMNOP","bstatus":"Test4"];

const result = arrayA.map((a, i) => (...a, ...arrayB[i]));

console.log(result);