Javascript如何将键值对推送到嵌套对象数组中

Question

我有这个 JSON 响应，我想在嵌套菜单数组中推送 "status": "pending"，请帮助我如何在 Javascript 中实现这一点。

[
{
    "id": 1,
    "status": "pending",
    "menues": [
        {
            "title": "Coke",
            "price": "200"
        }
    ]
},
{
    "id": 2,
    "status": "delivered",
    "menues": [
        {
            "title": "Pepsi",
            "price": "120"
        }
    ]
}
]

这是我想要实现的目标： 我只想在菜单数组中推送 Staus 键/值

[
{
    "id": 1,
    "menues": [
        {
            "title": "Coke",
            "price": "200",
            "status": "pending",
        }
    ]
},
{
    "id": 2,
    "menues": [
        {
            "title": "Pepsi",
            "price": "120",
            "status": "delivered",
        }
    ]
}
] 

Answer 1

您可以查看数组，对于每个项目，查看menues 中的项目。使用forEach 方法，这甚至可以作为单个语句完成：

arr = [
  {
      "id": 1,
      "status": "pending",
      "menues": [
          {
              "title": "Coke",
              "price": "200"
          }
      ]
  },
  {
      "id": 2,
      "status": "delivered",
      "menues": [
          {
              "title": "Pepsi",
              "price": "120"
          }
      ]
  }
];

arr.forEach(nested => {
    nested.menues.forEach(menu => menu.status = nested.status);
    delete nested.status
});
console.log(arr);

Answer 2

也许这就是你想要的？以下脚本创建了一个新的嵌套数组结构，而原始的保持不变。我没有从外部对象中删除 status 属性，而是将新创建的对象中的属性创建限制为 id 和 menues。

我更改了此答案以响应 OP 要求 ES5 和 ES6 方法以及 ... 运算符的评论。

arr = [
  {
      "id": 1,
      "status": "pending",
      "menues": [
          {
              "title": "Coke",
              "price": "200"
          }
      ]
  },
  {
      "id": 2,
      "status": "delivered",
      "menues": [
          {
              "title": "Pepsi",
              "price": "120"
          }
      ]
  }
];

const res=arr.map(nested =>({ id:nested.id, menues:
  nested.menues.map(menu =>({...menu,status:nested.status})) }));
console.log(res);