能否仅使用spread运算符与解构赋值提取对象数组的指定属性值？

嗨，咱们来拆解一下你的问题：能不能仅用spread运算符和解构赋值，从对象数组里提取所有p属性的值？

首先得明确核心结论：如果你的数组长度固定，那可以用解构+spread的组合实现；但如果是动态长度的数组，仅靠这两个特性是做不到的，下面具体说明：

为什么你的示例代码无效？ #

你写的console.log(...arr.p)会报错，原因很直接：arr是数组，它本身没有p属性，arr.p的值是undefined，对undefined使用spread运算符自然会抛出语法错误。

固定长度数组的实现方式 #

如果你的数组长度确定（比如就2个元素），可以先解构每个对象的p属性，再把这些值组装成新数组：

const arr = [{p:'a'}, {p:'b'}];
// 解构每个对象的p属性，把值存到val1、val2里
const [{p: val1}, {p: val2}] = arr;
// 生成目标数组（这里用数组字面量就够了，硬加spread的话写成[...[val1, val2]]也可以，但没必要）
const result = [val1, val2];
console.log(result); // ['a', 'b']

这种方式确实只用到了解构赋值，spread在这里其实不是必需的——直接用数组字面量就能完成组装。

动态长度数组的局限 #

如果数组长度不固定（比如可能有N个元素），仅靠spread和解构赋值是无法完成批量属性提取的。因为这两个特性只是用来处理值的展开或解构，并没有提供遍历数组并批量处理元素的能力。

这种情况下，最简洁通用的解决方案还是使用数组的map方法：

const arr = [{p:'a'}, {p:'b'}];
const result = arr.map(item => item.p);
console.log(result); // ['a', 'b']

打擦边球的“伪纯spread+解构”方案 #

如果非要勉强沾边spread，你可以结合生成器函数（但这已经超出了纯spread和解构的范畴），利用spread可以展开迭代器的特性：

const arr = [{p:'a'}, {p:'b'}];
const result = [...(function*() {
  for (const {p} of arr) { // 这里用到了解构赋值提取每个对象的p
    yield p;
  }
})()];
console.log(result); // ['a', 'b']

但这里本质上还是依赖了循环和生成器，不是仅靠spread和解构就能独立实现的。

总结一下：固定长度数组可以用解构（可选加spread）实现；动态长度数组必须结合遍历方法，仅靠spread和解构做不到。

内容的提问来源于stack exchange，提问作者Ben Aston