将嵌套的 JSON 追加或添加到另一个 JSON 对象中[重复]答案

【问题标题】：Append or Add nested JSON into another JSON object [duplicate]将嵌套的 JSON 追加或添加到另一个 JSON 对象中[重复]
【发布时间】：2021-05-16 07:20:23
【问题描述】：

我正在使用打字稿，下面有一个通过 API 发送的现有 JSON 响应，

{
    "product":{
    "prodId": "PROD100"
    },
    "packages":{
    "pkgId": "PKG137"
    },
    "discount":"50",
    "periodFrom":null,
    "periodTo":null,
    "totalAmount": "599",
    "isActive": "false"
}

我有另一个小的 JSON，我想将它附加到它的顶部

"customer":{
    "custId":"CUST1002"
    },

最终结构：

{
    "customer":{
    "custId":"1002"
    },
    "product":{
    "prodId": "PROD100"
    },
    "packages":{
    "pkgId": "PKG137"
    },
    "discount":"50",
    "periodFrom":null,
    "periodTo":null,
    "totalAmount": "599",
    "isActive": "false"
}

如何使用push 或unshift 实现相同的效果，或者在JavaScript 或打字稿中是否有任何最佳实践。请给我建议

【问题讨论】：

标签： javascript json typescript

【解决方案1】：

你可以使用对象spread syntax:

const newJSON = { ...toAppend, ...original };

const original = {
  "product": {
    "prodId": "PROD100"
  },
  "packages": {
    "pkgId": "PKG137"
  },
  "discount": "50",
  "periodFrom": null,
  "periodTo": null,
  "totalAmount": "599",
  "isActive": "false"
}


const toAppend = {
  "customer": {
    "custId": "CUST1002"
  },
}
const newJSON = { ...toAppend, ...original };
console.log(newJSON);

【讨论】：

【解决方案2】：

使用spread-operator：

const obj = {
  "product": { "prodId": "PROD100" },
  "packages": { "pkgId": "PKG137" },
  "discount": "50",
  "periodFrom": null,
  "periodTo": null,
  "totalAmount": "599",
  "isActive": "false"
};
const toAdd = {
  "customer": { "custId":"CUST1002" }
};

const res = { ...toAdd, ...obj };

console.log(res);

【讨论】：