如何在JavaScript中修改对象键名？解决参数赋值报错问题

你遇到的Assignment to function parameter 'key'错误，本质是代码规范（比如ESLint的no-param-reassign规则）禁止直接修改函数参数变量，防止参数被意外修改后引发副作用。

核心解决思路是不直接修改key参数，而是先将参数值复制到一个新变量中，再对新变量做修改。以下是几种可行的写法：

基础修复版本 #

const personData = [];
Object.keys(testItem).forEach((key) => {
  // 复制参数到新变量，后续修改新变量
  let newKey = key;
  // 加上const声明item，避免全局变量污染
  const item = testItem[key];
  
  if (newKey === 'Name') {
    newKey = 'Person Name';
  }
  
  personData.push({ name: newKey, data: Object.values(item) });
});

更简洁的三元表达式版本 #

用三元表达式简化条件判断逻辑：

const personData = [];
Object.keys(testItem).forEach((key) => {
  const newKey = key === 'Name' ? 'Person Name' : key;
  const item = testItem[key];
  personData.push({ name: newKey, data: Object.values(item) });
});

用Object.entries简化遍历流程 #

通过Object.entries直接遍历键值对，省去手动取值的步骤，代码更简洁：

// 用map直接生成目标数组，替代forEach+push的写法
const personData = Object.entries(testItem).map(([key, item]) => {
  const newKey = key === 'Name' ? 'Person Name' : key;
  return { name: newKey, data: Object.values(item) };
});

内容的提问来源于stack exchange，提问作者ahjfoışsjhofeşsfn