将数组分组为对象

Beginner

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

简介

在本实验中,我们将探索如何使用 JavaScript 将数组分组为对象。具体来说,给定一个有效的属性标识符数组和一个值数组,我们将使用 Array.prototype.reduce() 方法将属性与对象中的值相关联。我们还将学习如何处理两个数组长度不同的情况。在实验结束时,你将对如何在 JavaScript 中操作对象和数组有更深入的理解。

如何将数组分组为对象

要将数组分组为对象,请执行以下步骤:

  1. 打开终端或 SSH 并输入 node 开始练习编码。
  2. 使用 Array.prototype.reduce() 方法从这两个数组构建一个对象。
  3. 提供一个有效的属性标识符数组和一个值数组。
  4. 如果属性数组的长度比值数组长,其余的键将被设置为 undefined
  5. 如果值数组的长度比属性数组长,其余的值将被忽略。

以下是一个示例代码片段,展示了如何将数组分组为对象:

const zipObject = (props, values) =>
  props.reduce((obj, prop, index) => ((obj[prop] = values[index]), obj), {});

zipObject(["a", "b", "c"], [1, 2]); // {a: 1, b: 2, c: undefined}
zipObject(["a", "b"], [1, 2, 3]); // {a: 1, b: 2}

总结

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