Javascript 合并两个数组而不重写

我有两个数组，我想将它们合并到一起，但我似乎不知道如何不重写具有相同值/id/number的属性

我现在所拥有的：

第一阵列

0: {id: 1, title: "Button", type: "Controls & Inputs"}
1: {id: 2, title: "Switch", type: "Selection Controls"}
2: {id: 3, title: "Tags", type: "Controls & Inputs"}
3: {id: 4, title: "Checkbox", type: "Selection Controls"}
4: {id: 5, title: "Toast", type: "Notifications & Alerts"}

第二阵列

0: {id: 1, title: "Colors", type: "Design"}
1: {id: 2, title: "Typography", type: "Design"}

预期输出：

0: {id: 1, title: "Button", type: "Controls & Inputs"}
1: {id: 2, title: "Switch", type: "Selection Controls"}
2: {id: 3, title: "Tags", type: "Controls & Inputs"}
3: {id: 4, title: "Checkbox", type: "Selection Controls"}
4: {id: 5, title: "Toast", type: "Notifications & Alerts"}
5: {id: 1, title: "Colors", type: "Design"}
6: {id: 2, title: "Typography", type: "Design"}

---

这些看起来像数组，而不是对象。如果是这样，您可以使用

concat

方法组合它们，如下所示：

let result = [].concat(first, second);

let result = [...first, ...second];

或者通过使用spread运算符，如下所示：

let result = [].concat(first, second);

let result = [...first, ...second];

---

您将这些对象称为“对象”，但对它们的渲染看起来像是特定的阵列对象。这是真的吗？否：（我只需要将第二个对象的值添加到第一个，检查预期输出…第二个对象的属性作为5添加到第一个，6@T.J.Crowder是的，这是正确的。所以，基本上，你只想

concat

them？

const res=arr1.concat（arr2）

这很有效！谢谢，我会在8分钟内给这个答案打分。很好的答案。仅供参考，

.concat（）

调用不需要无用的空数组（和额外的对象创建）。只需执行

第一个.concat（第二个）

就可以了，如果你愿意，你也可以执行

数组.prototype.concat（第一个，第二个）

。