在es6中,如何使用解构简化以下行?:
const array0 = someArray[0].data;
const array1 = someArray[1].data;
const array2 = someArray[2].data;
答案 0 :(得分:18)
是否使用解构实际上是一种简化是有争议的,但这是如何做到的:
const [
{ data: array0 },
{ data: array1 },
{ data: array2 }
] = someArray
直播示例:
const someArray = [
{ data: 1 },
{ data: 2 },
{ data: 3 }
];
const [
{ data: array0 },
{ data: array1 },
{ data: array2 }
] = someArray
console.log(array0, array1, array2);

发生的事情是您首先从someArray
中提取每个对象,然后通过提取data
属性并重命名来解构每个对象:
// these 2 destructuring steps
const [ obj1, obj2, obj3 ] = someArray // step 1
const { data: array0 } = obj1 // step 2
const { data: array1 } = obj2 // step 2
const { data: array2 } = obj3 // step 2
// written together give
const [
{ data: array0 },
{ data: array1 },
{ data: array2 }
] = someArray
也许将解构与映射相结合(可能)更易读的代码:
const [array0, array1, array2] = someArray.map(item => item.data)
直播示例:
const someArray = [
{ data: 1 },
{ data: 2 },
{ data: 3 }
];
const [array0, array1, array2] = someArray.map(item => item.data)
console.log(array0, array1, array2);

答案 1 :(得分:7)
我相信你真正想要的是
const array = someArray.map(x => x.data)
如果你真的想要三个变量(提示:你不应该),你可以将map
ping与解构结合起来:
const [array0, array1, array2] = someArray.map(x => x.data)
答案 2 :(得分:0)
如果要使用此纯JS,请遵循以下代码片段。它将为您提供帮助。
let myArray = [
{
"_id": "1",
"subdata": [
{
"subid": "11",
"name": "A"
},
{
"subid": "12",
"name": "B"
}
]
},
{
"_id": "2",
"subdata": [
{
"subid": "12",
"name": "B"
},
{
"subid": "33",
"name": "E"
}
]
}
]
const array = myArray.map(x => x.subdata).flat(1)
const isExist = (key,value, a) => {
return a.find(item => item[key] == value)
}
let a = array.reduce((acc, curr) => {
if(!isExist('subid', curr.subid, acc)) {
acc.push(curr)
}
return acc
}, [])
console.log(a)
答案 3 :(得分:0)
const myInfo = someArray.map((item) => {
const {itemval1, itemval2} = item;
return(
//return data how you want it eg:
<p>{itemval1}</p>
<p>{itemval2}</p>)
})
这就是我的反应方式,如果我错了,请纠正我,我还是这个世界的新手