如何使用 ES9 的数组方法 fromEntries() 实现二维数组的转换

阅读时长 3 分钟读完

在前端开发中,我们经常需要对数据进行处理和转换。而在某些情况下,我们可能需要将一个二维数组转换为一个对象。ES9 的新特性 fromEntries() 就可以帮助我们实现这一目标。

什么是 fromEntries() 方法

fromEntries() 是 ES9 中新增的数组方法,它可以将一个包含键值对的数组转换为一个对象。该方法接受一个二维数组作为参数,其中每个子数组都包含两个元素,第一个元素作为键,第二个元素作为值。

如何使用 fromEntries() 方法实现二维数组转换

假设我们有一个二维数组,每个子数组都表示一个人的信息,包含姓名和年龄两个字段。我们想将这个二维数组转换为一个对象,其中每个人的姓名作为键,年龄作为值。我们可以使用 fromEntries() 方法来实现这个转换:

-- -------------------- ---- -------
----- ------ - -
  --------- ----
  ------- ----
  ----------- ---
--

----- --------- - ---------------------------
-----------------------
-- - ------ --- ---- --- -------- -- -

在上面的代码中,我们首先定义了一个二维数组 people,然后使用 Object.fromEntries() 方法将其转换为一个对象 peopleObj。在转换过程中,每个子数组的第一个元素作为键,第二个元素作为值。

示例代码

下面是一个更完整的示例代码,演示了如何使用 fromEntries() 方法将一个包含多个二维数组的数组转换为一个对象:

-- -------------------- ---- -------
----- ---- - -
  -
    -------- ---------
    ------- ----
    ---------- ---------
  --
  -
    -------- -------
    ------- ----
    ---------- -------
  --
  -
    -------- -----------
    ------- ----
    ---------- -------
  -
--

----- ------ - ---
------------------- -- -
  ----- --------- - ---------------------------
  ---------------------- - ----------
---

--------------------
--
-
  ------ - ----- -------- ---- --- ------- -------- --
  ---- - ----- ------ ---- --- ------- ------ --
  -------- - ----- ---------- ---- --- ------- ------ -
-
--

在上面的代码中,我们首先定义了一个包含多个二维数组的数组 data,每个子数组表示一个人的信息。然后我们使用 forEach() 方法遍历每个子数组,并将其转换为一个对象。最后,我们将每个对象存储在一个名为 result 的对象中,其中每个人的姓名作为键。

结论

ES9 的 fromEntries() 方法为我们提供了一种简单易用的方式将包含键值对的数组转换为对象。在实际开发中,我们可以使用该方法来处理和转换各种类型的数据。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/67797e79381bbe667f9367c3

纠错
反馈