如何使用JavaScript对象解构语法修改对象中的键名？

因为原对象是const声明的，无法直接修改其属性名，我们可以通过对象解构的属性重命名特性来创建符合要求的新对象，具体有两种常见实现方式：

方式一：分步解构构建新对象 #

const obj = { key: 1, name: 'abc' };

// 解构时将原属性key重命名为newKey，同时提取name属性
const { key: newKey, name } = obj;

// 用重命名后的变量和保留的属性构建新对象
const newObj = { newKey, name };

console.log(newObj); // 输出: { newKey: 1, name: 'abc' }

方式二：立即执行函数一步完成 #

如果不想创建中间变量，可以用立即执行函数包裹解构逻辑，直接返回目标对象：

const obj = { key: 1, name: 'abc' };

const newObj = (({ key: newKey, name }) => ({ newKey, name }))(obj);

console.log(newObj); // 输出: { newKey: 1, name: 'abc' }

核心说明 #

解构时的key: newKey是关键语法——它表示把原对象中key属性的值赋值给变量newKey，再通过对象字面量的简写语法（{ newKey, name }等价于{ newKey: newKey, name: name }）快速生成新对象。

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