JS 如何用动态键解构对象？

Question

JS 如何用动态键解构对象？

仓乃文 · Accepted Answer

当对象的属性名是动态变量时，常规解构无法直接使用。ES6 支持在解构中使用计算属性名 [key]，实现动态键的解构赋值。

动态键解构：
```javascript
const prop = "name";
const user = { name: "张三", age: 25 };

const { [prop]: userName } = user;
console.log(userName);  // "张三"
```

配合默认值：
```javascript
const prop = "email";
const { [prop]: email = "未设置" } = user;
console.log(email);  // "未设置"
```

动态键解构在函数参数中的应用：
```javascript
function getValue(obj, key) {
  const { [key]: value } = obj;
  return value;
}

getValue({ name: "张三" }, "name");  // "张三"
```

补充说明：
- [prop] 是计算属性名语法，方括号内可以是任意表达式
- 动态解构必须指定变量名：{ [key]: alias }，不能省略 alias
- 配合 for...of 遍历对象更灵活
- 与 Object.entries 结合可以同时获取键和值