本文介绍如何使用 ES6 解构赋值与计算属性名，在不修改原数组、不使用 for 循环的前提下，根据 operation 字段值（如 'DELETE' 或 'UPDATE'）将对象中的 idmuFlag 键精准重命名为 idm 或 idmNew。
本文介绍如何使用 es6 解构赋值与计算属性名，在不修改原数组、不使用 for 循环的前提下，根据 `operation` 字段值（如 'delete' 或 'update'）将对象中的 `idmuflag` 键精准重命名为 `idm` 或 `idmnew`。
在现代 JavaScript 开发中，面对结构化数据的键名动态映射需求，我们应优先采用不可变、声明式、函数式的处理方式。核心思路是：避免手动 delete + 赋值的冗余操作，转而利用解构分离目标字段，再通过计算属性名（computed property names）一次性构建新对象。
以下为推荐的简洁、可扩展实现：
const arr = [
{ "id": "1", "operation": "ADD" },
{ "id": 2, "idmuFlag": "Mercedes", "operation": "DELETE" },
{ "id": 3, "idm": "Toyota", "operation": "UPDATE", "idmuFlag": "Ford" },
{ "id": 4, "idmuFlag": "Bently", "operation": "DELETE" },
{ "id": 5, "idm": "Skoda", "operation": "UPDATE", "idmuFlag": "Mustang" }
];
// 定义操作类型到目标键名的映射关系（清晰、易维护、可扩展）
const operationKeyMap = {
DELETE: "idm",
UPDATE: "idmNew"
};
const result = arr.map(obj => {
const { operation, idmuFlag, ...rest } = obj;
// 若 operation 不在映射表中，直接返回原对象（无需修改）
if (!operationKeyMap.hasOwnProperty(operation)) {
return obj;
}
// 使用计算属性名，将 idmuFlag 值赋予新键，同时保留其余属性
const newKey = operationKeyMap[operation];
return { ...rest, [newKey]: idmuFlag };
});
console.log(result);
// 输出：
// [
// { "id": "1", "operation": "ADD" },
// { "id": 2, "operation": "DELETE", "idm": "Mercedes" },
// { "id": 3, "idm": "Toyota", "operation": "UPDATE", "idmNew": "Ford" },
// { "id": 4, "operation": "DELETE", "idm": "Bently" },
// { "id": 5, "idm": "Skoda", "operation": "UPDATE", "idmNew": "Mustang" }
// ]✅ 优势说明：
- 纯函数式：无副作用，不修改原对象，符合不可变数据原则；
- 语义清晰：operationKeyMap 显式声明业务规则，便于后续新增 INSERT 等操作类型；
- 高效安全：解构 { idmuFlag, ...rest } 自动剔除 idmuFlag，无需 delete 操作（后者在严格模式下可能报错，且性能略低）；
- 健壮性强：自动跳过无映射的 operation（如 "ADD"），避免意外覆盖或报错。
⚠️ 注意事项：
立即学习“Java免费学习笔记（深入）”；
- 确保 operationKeyMap 中的键名与数据中 operation 字段值完全匹配（区分大小写）；若需忽略大小写，可统一转为大写后再查表：operationKeyMap[operation.toUpperCase()]；
- 若对象中可能缺失 idmuFlag 字段，建议增加空值校验（如 idmuFlag !== undefined），避免赋值 undefined 到新键；
- 此方案适用于单层扁平对象；若需深层嵌套重命名，应结合递归或工具库（如 Lodash 的 set/omit）。
总结：重命名对象键的本质是“提取 + 重构”，而非“删除 + 添加”。善用 ES6 解构与计算属性，即可写出既简洁又专业的函数式代码。
