根据键将数组转换为对象

Beginner

This tutorial is from open-source community. Access the source code

简介

在本实验中,我们将探索如何将一个对象数组转换为一个对象,其中每个对象的键是原始对象的指定属性值。我们将通过使用 JavaScript 中的 Array.prototype.reduce() 方法和对象解构来实现这一点。本实验将帮助你更深入地理解如何在 JavaScript 中操作和转换数据。

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

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

  • 打开终端/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 中练习更多实验来提升你的技能。