在 JavaScript 中重命名对象键

简介

在本实验中，我们将探索如何在JavaScript中重命名对象的键。本实验将介绍如何结合使用 Object.keys() 和 Array.prototype.reduce() 以及展开运算符来获取对象的键，并根据提供的映射对其进行重命名。在实验结束时，你将对如何在JavaScript代码中有效地重命名对象的键有深入的理解。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/BasicConceptsGroup -.-> javascript/array_methods("Array Methods") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28591{{"重命名对象键"}} javascript/data_types -.-> lab-28591{{"重命名对象键"}} javascript/arith_ops -.-> lab-28591{{"重命名对象键"}} javascript/comp_ops -.-> lab-28591{{"重命名对象键"}} javascript/array_methods -.-> lab-28591{{"重命名对象键"}} javascript/higher_funcs -.-> lab-28591{{"重命名对象键"}} javascript/destr_assign -.-> lab-28591{{"重命名对象键"}} javascript/spread_rest -.-> lab-28591{{"重命名对象键"}} end

如何在JavaScript中重命名对象的键

要根据提供的值重命名多个对象键，可以使用 renameKeys 函数。你需要遵循以下步骤：

打开终端/SSH并输入 node 以开始练习编码。
结合使用 Object.keys()、Array.prototype.reduce() 和展开运算符 (...) 来获取对象的键，并根据 keysMap 对其进行重命名。
将 keysMap 和对象 (obj) 作为参数传递给 renameKeys 函数。
renameKeys 函数返回一个具有重命名键的新对象。

以下是使用 renameKeys 函数的示例：

const renameKeys = (keysMap, obj) =>
  Object.keys(obj).reduce(
    (acc, key) => ({
      ...acc,
      ...{ [keysMap[key] || key]: obj[key] }
    }),
    {}
  );

const obj = { name: "Bobo", job: "Front-End Master", shoeSize: 100 };
renameKeys({ name: "firstName", job: "passion" }, obj);
// { firstName: 'Bobo', passion: 'Front-End Master', shoeSize: 100 }

总结

恭喜你！你已经完成了“重命名对象键”实验。你可以在LabEx中练习更多实验来提升你的技能。