javascript - 使用数组内的对象进行解构赋值

Question

有没有办法使用解构分配从对象数组中解压值？

[

{a : 1},
{a : 1},
{a : 1},
{a : 1}

]

这里我需要的结果是一个数组:[1,1,1,1]

Answer 1

解构需要创建 4 个单独的变量，然后将它们重新组合成一个数组。这会很湿，而且没有多大意义，但如果你必须:

const arr = [
  {a : 1},
  {a : 1},
  {a : 1},
  {a : 1}
]
const [{ a: item1 }, { a: item2 }, {a: item3}, {a: item4 }] = arr;
const newArrOfAs = [item1, item2, item3, item4];
console.log(newArrOfAs);

使用reduce的原始代码更好，但更合适的是使用Array.prototype.map，因为输入数组和输出数组的项目是一个 -一对一:

const arr = [
  {a : 1},
  {a : 1},
  {a : 1},
  {a : 1}
]
const newArrOfAs = arr.map(({ a }) => a);
console.log(newArrOfAs);