JavaScript解构不支持动态属性名，需通过计算属性构造临时对象再解构：const key='userName'; const obj={[key]:'Alice'}; const {[key]:name}=obj；多键时可用Object.fromEntries或封装pick函数实现。

JavaScript 中无法直接在解构时使用动态属性名（比如变量），但可以通过搭配计算属性语法和临时对象来间接实现。核心思路是：先用动态键构造一个临时对象，再对该对象解构。

用计算属性 + 解构赋值绕过限制

对象解构左侧的属性名必须是字面量或标识符，不支持表达式。但你可以把动态键放在右侧对象上，再解构：

• 先定义动态键名：const key = 'userName';
• 构造带该键的对象：const obj = { [key]: 'Alice' };
• 再解构：const { [key]: name } = obj; → name === 'Alice'

解构多个动态键时的写法

如果需要从源对象中按多个动态键提取值，可先用 Object.fromEntries() 或展开运算符构造中间对象：

dmap-jsapi-skill

DMap GL地图JSAPI（dmapgl）开发指南。用于编写、审查、调试 DMap 地图 API 代码，涵盖地图初始化、覆盖物渲染、图层管理、事件处理、控件交互等任务。当用户提及 dmap、dmapgl、jsapi‑gl 或相关地图开发需求时自动触发。

下载

• const keys = ['id', 'status'];
• const source = { id: 123, status: 'active', name: 'Bob' };
• const subset = Object.fromEntries(keys.map(k => [k, source[k]]));
• const { id, status } = subset;

封装成可复用的工具函数

为避免重复写中间步骤，可以封装一个简易函数：

立即学习“Java免费学习笔记（深入）”；

• const pick = (obj, keys) => Object.fromEntries(keys.map(k => [k, obj[k]]));
• const { userId, role } = pick(data, ['userId', 'role']);

注意点与常见误区

• 解构左侧的 [key] 是合法语法，但仅限于已知结构的临时对象，不能直接对任意源对象使用：const { [dynamicKey]: val } = source; ❌（会报错）
• 动态解构不支持默认值或嵌套解构（如 { [k]: { x } }），需先确保中间对象结构正确
• 若键不存在，对应解构变量为 undefined，可配合空值合并操作符处理：const { [key]: name = 'Anonymous' } = obj;