根据键将数组转换为对象

简介

在本实验中，我们将探索如何将一个对象数组转换为一个对象，其中每个对象的键是原始对象的指定属性值。我们将通过使用 JavaScript 中的 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/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28160{{"根据键将数组转换为对象"}} javascript/data_types -.-> lab-28160{{"根据键将数组转换为对象"}} javascript/arith_ops -.-> lab-28160{{"根据键将数组转换为对象"}} javascript/comp_ops -.-> lab-28160{{"根据键将数组转换为对象"}} javascript/array_methods -.-> lab-28160{{"根据键将数组转换为对象"}} javascript/higher_funcs -.-> lab-28160{{"根据键将数组转换为对象"}} javascript/spread_rest -.-> lab-28160{{"根据键将数组转换为对象"}} end

根据特定键将数组转换为对象

要根据特定键将数组转换为对象，并从每个值中排除该键，请执行以下步骤：

打开终端/SSH 并输入 node 以开始练习编码。
使用 Array.prototype.reduce() 从提供的数组创建一个对象。
使用对象解构提取给定 key 的值和相关的 data，然后将键值对添加到对象中。

以下是一个示例实现：

const indexOn = (arr, key) =>
  arr.reduce((obj, v) => {
    const { [key]: id, ...data } = v;
    obj[id] = data;
    return obj;
  }, {});

然后你可以像这样使用该函数：

indexOn(
  [
    { id: 10, name: "apple" },
    { id: 20, name: "orange" }
  ],
  "id"
);
// { '10': { name: 'apple' }, '20': { name: 'orange' } }

总结

恭喜你！你已经完成了“根据键将数组转换为对象”实验。你可以在 LabEx 中练习更多实验来提升你的技能。