JavaScript React中大型对象数组的键名重命名实现方案

方案1：固定结构最优性能实现（推荐） #

如果数组内的对象结构是固定的，直接显式构造新对象是性能最高的方式，避免了额外的键遍历开销，数千条数据可毫秒级处理完成：

// 键名映射规则，可根据需求扩展
const keyMapping = {
  job_id: "id",
  job_title: "name",
  location: "location",
  num_days_since_posted: "post_date",
  location_geo_point: "geo_point"
};

const transformedArray = originalArray.map(item => ({
  [keyMapping.job_id]: item.job_id,
  [keyMapping.job_title]: item.job_title,
  [keyMapping.location]: item.location,
  [keyMapping.num_days_since_posted]: item.num_days_since_posted,
  [keyMapping.location_geo_point]: item.location_geo_point
}));

方案2：动态结构兼容实现 #

如果对象键不固定，无法提前枚举所有键，可采用遍历匹配映射的方式实现：

const keyMapping = {
  job_id: "id",
  job_title: "name"
};

const transformedArray = originalArray.map(item => {
  const newItem = {};
  for (const key in item) {
    // 匹配到映射规则则用新键名，否则保留原键名
    const targetKey = keyMapping[key] ?? key;
    newItem[targetKey] = item[key];
  }
  return newItem;
});

性能优化注意事项 #

• 不要使用delete删除原键再赋值的操作，delete会破坏对象的隐藏类，大幅降低后续操作性能，构造新对象的性能远高于修改原对象
• 十万级以上超大数据量场景下，可替换map为普通for循环减少函数调用开销，数千条量级下可忽略差异
• 若嵌套对象也需要修改键名，对应层级做相同的映射处理即可。

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