Vue 將嵌套對象中的值與父數組合並

Question

如果我有一個數組，其中每個對象都有一個嵌套對象：

    items: [
        {
        id: 1,
        name: Tomato
        category: {
          id: 1,
          name: Vegetable
          }
        },
        {
        id: 2,
        name: Apple
        category: {
          id: 2,
          name: Fruit
        }
        }
  ]

如何使用合並在父數組中的嵌套對象的字段名稱獲取新數組？

 items_extended: [
    {
    id: 1,
    name: Tomato
    category: Vegetable
    },
    {
    id: 2,
    name: Apple
    category: Fruit
    }
]

Answer 1

您可以通過數組進行map並返回修改后的版本。

var items_extended = items.map(function (item) {
    return {
        id: item.id,
        name: item.name,
        category: item.category.name,
    };
});