ES9:使用 Object.fromEntries() 在 JavaScript 中快速生成对象

在 JavaScript 中,我们经常需要创建对象。ES9 引入了一个新的方法,Object.fromEntries(),它可以让我们更加快速地创建对象。本文将介绍 Object.fromEntries() 的使用方法和示例,帮助读者更好地掌握这个新特性。

Object.fromEntries() 的使用方法

Object.fromEntries() 方法接收一个键值对的数组作为参数,并返回一个由这些键值对组成的对象。这个方法可以用来快速地创建对象,尤其是在我们需要从数组中创建对象时,非常方便。

下面是 Object.fromEntries() 的语法:

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

其中,iterable 是一个键值对的数组,每个键值对都是一个数组,第一个元素是键,第二个元素是值。

Object.fromEntries() 的示例

下面是一些 Object.fromEntries() 的示例,帮助读者更好地理解这个方法的使用方法和效果。

示例一:从 Map 中创建对象

我们可以使用 Object.fromEntries() 方法从 Map 中创建对象。下面是一个示例:

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

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

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

在这个示例中,我们首先创建了一个 Map 对象,然后使用 Object.fromEntries() 方法从这个 Map 对象中创建了一个对象。最终结果是一个包含了两个属性的对象。

示例二:从数组中创建对象

我们也可以使用 Object.fromEntries() 方法从数组中创建对象。下面是一个示例:

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

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

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

在这个示例中,我们首先创建了一个二维数组,然后使用 Object.fromEntries() 方法从这个二维数组中创建了一个对象。最终结果是一个包含了两个属性的对象。

示例三:使用 Object.entries() 和 Object.fromEntries() 创建新对象

我们可以使用 Object.entries() 方法将一个对象转换为键值对的数组,然后使用 Object.fromEntries() 方法将这个数组转换回一个新的对象。下面是一个示例:

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

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

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

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

在这个示例中,我们首先创建了一个对象,然后使用 Object.entries() 方法将这个对象转换为一个键值对的数组。接着,我们使用 Object.fromEntries() 方法将这个数组转换回一个新的对象。最终结果是一个与原来的对象相同的新对象。

总结

Object.fromEntries() 方法是 ES9 引入的一个新特性,它可以让我们更加快速地创建对象。本文介绍了 Object.fromEntries() 的使用方法和示例,希望对读者有所帮助。

来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/65cd86fdadd4f0e0ff6c01d2