Javascript 嵌套对象与父数组中的Vue合并值
如果我有一个数组,其中每个对象都有一个嵌套对象:Javascript 嵌套对象与父数组中的Vue合并值,javascript,vue.js,Javascript,Vue.js,如果我有一个数组,其中每个对象都有一个嵌套对象: items: [ { id: 1, name: Tomato category: { id: 1, name: Vegetable } }, { id: 2, name: Apple category: { id: 2
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
}
]
您可以
通过数组映射
,并返回修改后的版本
var items\u extended=items.map(函数(项){
返回{
id:item.id,
名称:item.name,
类别:item.category.name,
};
});
番茄是什么?物体?如果它们是刺,我建议在它们周围加上引号。您可以共享代码尝试吗?谢谢。Items是一个对象数组。每个item对象都包含一个nestes类别对象。我可以看到,但是Apple
是一个变量名。它是什么?名称是数组项中对象的属性。从数据库的角度来看,表项、列id、名称、类别id