如何将对象属性解构为数组值而非单个变量？

当然可以实现！不用先把属性赋值给单个变量再塞进数组，有几种直接的方式能满足你的需求，我来给你详细拆解：

方式1：带括号的解构赋值直接映射到数组位置 #

如果你想精准控制哪些属性放到数组的哪个位置，这种方式最适合——通过对象解构赋值直接把属性值分配到数组的指定索引上。注意必须用括号包裹整个解构表达式，不然JS会把左边的{}当成代码块，触发语法错误：

const myObj = { name: "Alice", age: 30, city: "London" };
const targetArr = [];

// 直接把name放到数组第0位，age放到第1位
({ name: targetArr[0], age: targetArr[1] } = myObj);

console.log(targetArr); // 输出: ["Alice", 30]

这里的逻辑是：在解构语法里，name: targetArr[0]表示把myObj.name的值赋值给targetArr[0]，同理处理age。括号的作用是让JS把左边的结构识别成赋值表达式而非代码块，避免语法报错。

方式2：结合数组字面量的简化写法 #

如果只是想快速提取若干属性到数组，也可以在数组字面量里直接引用属性值——虽然没有用到“解构赋值”的语法，但实现了一步到位转数组，代码更简洁易读：

const myObj = { a: 1, b: 2, c: 3 };
const arr = [myObj.a, myObj.c]; // 直接提取指定属性构建数组

console.log(arr); // 输出: [1, 3]

关于Object.values的补充说明 #

你提到考虑过Object.values，它确实能快速把对象的所有可枚举属性值转成数组，但有两个需要注意的点：

1. 顺序限制：Object.values会按照对象属性的定义顺序（ES6+规范）返回值，但如果你需要自定义提取顺序（比如先取b再取a），它就做不到了；
2. 无法精准筛选：它会提取所有可枚举属性，如果你只需要部分属性，就得额外过滤，比如：

const myObj = { a: 1, b: 2, c: 3 };
// 只提取a和b，需要先过滤键名
const arr = Object.keys(myObj)
  .filter(key => ['a', 'b'].includes(key))
  .map(key => myObj[key]);

console.log(arr); // 输出: [1, 2]

这种写法适合需要提取大部分属性的场景，但灵活性不如前两种方式。

对比常规写法 #

常规写法是先解构到变量再转数组，比如：

const myObj = { x: 5, y: 10 };
const { x, y } = myObj;
const arr = [x, y];

这种写法也没问题，但如果变量x、y之后不再用到，就有点冗余，前面的两种方式能帮你省去多余的变量声明。

内容的提问来源于stack exchange，提问作者Explosion Pills