我想知道如何解构对象数组。我正在尝试从 partner
数组中解构 country
。项目要求合作伙伴
是对象的数组,即使每个对象只能有一个合作伙伴国家/地区。
arr = [
{ title: "Title A",
desc: "Desc A",
role: {role_desc: "Role Desc A", role_name: "Role A"},
partner: [{country: "Brazil", region: "SA"}]
},
{ title: "Title B",
desc: "Desc B",
role: {role_desc: "Role Desc B", role_name: "Role B"},
partner: [{country: "US", region: "NA"}]
}
]
我能够使用除合作伙伴
之外的所有字段的数据填充表格。
arr.map(
({ title, desc, role: {role_name}, partner: [{country}] }) =>
({ title, desc, role: {role_name}, partner: [{country}] })
);
我提到了Destructure object properties inside array for all elements和 Destructuring an array of objects with es6 ,看起来如果不先转换数据就不可能做到这一点。
任何帮助将不胜感激(并对骗子表示歉意)。
最佳答案
当你想处理partner为空数组的情况时,你可以简单地使用默认值,
const arr = [{ title: "Title A",desc: "Desc A",role: {role_desc: "Role Desc A", role_name: "Role A"},partner: [{country: "Brazil", region: "SA"}]},{ title: "Title B",desc: "Desc B",role: {role_desc: "Role Desc B", role_name: "Role B"},partner: [{country: "US", region: "NA"}]},{ title: "Title C",desc: "Desc C",role: {role_desc: "Role Desc C", role_name: "Role C"},partner: []}]
const final = arr.map(
({ title, desc, role: {role_name}, partner}) =>
({ title, desc, role: {role_name}, partner:[ {country} = {country: undefined } ] })
);
console.log(final)
话虽这么说,我们应该尽可能保持代码的可读性,但在这里它变得很难看,而不是试图保存额外的一行,我们应该选择使其更具可读性
const arr = [{ title: "Title A",desc: "Desc A",role: {role_desc: "Role Desc A", role_name: "Role A"},partner: [{country: "Brazil", region: "SA"}]},{ title: "Title B",desc: "Desc B",role: {role_desc: "Role Desc B", role_name: "Role B"},partner: [{country: "US", region: "NA"}]},{ title: "Title C",desc: "Desc C",role: {role_desc: "Role Desc C", role_name: "Role C"},partner: []}]
const final = arr.map(
({ title, desc, role: {role_name}, partner}) => {
let country = partner[0] && partner[0].country || undefined
return { title, desc, role: {role_name}, partner:[ {country}] }
}
);
console.log(final)
关于javascript - 解构对象数组 (es6),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58509981/