假设我有以下对象：
const user = {
id: 42,
displayName: "jdoe",
fullName: {
firstName: "John",
lastName: "Doe"
}
};
而且我只想要id和fullName。
我将执行以下操作：
const { id, fullName } = user
容易，对吧？
现在让我们假设我想根据另一个名为fields.
const fields = [ 'id', 'fullName' ]
现在我的问题是：如何根据键数组进行解构？
我无耻地尝试了以下但没有成功：
let {[{...fields}]} = user和let {[...fields]} = user。有什么办法可以做到这一点吗？
谢谢
使用动态密钥进行解构并非不可能。为了防止创建动态变量的问题（如 Ginden 提到的），您需要提供别名。
const user = {
id: 42,
displayName: "jdoe",
fullName: {
firstName: "John",
lastName: "Doe"
}
};
const fields = [ 'id', 'fullName' ];
const object = {};
const {[fields[0]]: id, [fields[1]]: fullName} = user;
console.log(id); // 42
console.log(fullName); // { firstName: "John", lastName: "Doe" }
要解决必须为动态值定义静态别名的问题，您可以分配给对象的动态属性。在这个简单的例子中，这与恢复整个解构是一样的，虽然:)
const user = {
id: 42,
displayName: "jdoe",
fullName: {
firstName: "John",
lastName: "Doe"
}
};
const fields = [ 'id', 'fullName' ];
const object = {};
({[fields[0]]: object[fields[0]], [fields[1]]: object[fields[1]]} = user);
console.log(object.id); // 42
console.log(object.fullName); // { firstName: "John", lastName: "Doe" }
来源：
简短的回答：这是不可能的，也不可能。
这背后的原因是：它会将新的动态命名变量引入块范围，实际上是动态的eval，从而禁用任何性能优化。eval可以在 fly 中修改范围的动态一直被认为是极其危险的，并从 ES5 严格模式中删除。
此外，这将是一种代码异味 - 引用未定义的变量 throws ReferenceError，因此您需要更多样板代码来安全地处理此类动态范围。
如前所述，不使用 eval 就无法在 JavaScript 中分解为动态命名的变量。
但是你可以使用reduce函数动态获取对象的一个子集，如下所示：
const destruct = (obj, ...keys) =>
keys.reduce((a, c) => ({ ...a, [c]: obj[c] }), {});
const object = {
color: 'red',
size: 'big',
amount: 10,
};
const subset1 = destruct(object, 'color');
const subset2 = destruct(object, 'color', 'amount', 'size');
console.log(subset1);
console.log(subset2);Paul Kögel 的回答很好，但我想举一个更简单的例子，说明当您只需要动态字段的值但不需要将其分配给动态键时。
let obj = {x: 3, y: 6};
let dynamicField = 'x';
let {[dynamicField]: value} = obj;
console.log(value);如果不知道键的名称或对命名变量使用别名，则无法进行破坏
// you know the name of the keys
const { id, fullName } = user;
// use an alias for named variables
const { [fields[0]]: id, [fields[1]]: fullName } = user;
一个解决方案是使用Array.reduce()这样的动态键来创建一个对象：
const user = {
id: 42,
displayName: "jdoe",
fullName: {
firstName: "John",
lastName: "Doe"
}
};
const fields = [ 'id', 'fullName', 'age' ];
const obj = fields.reduce((acc, k) => ({ ...acc, ...(user.hasOwnProperty(k) && { [k]: user[k] }) }), {});
for(let k in obj) {
console.log(k, obj[k]);
}