如何使用 ES10 的 Object.fromEntries() 将数组转换成对象

阅读时长 3 分钟读完

在前端开发中,我们经常需要对数据进行转换。当我们需要将数组转换成对象时,ES10中新增了一个方法 Object.fromEntries() 来帮助我们解决这个问题。

什么是 Object.fromEntries()

简单来说,Object.fromEntries()是一个静态方法,它接受一个可迭代的对象作为参数,并返回一个新的对象,该新对象以迭代器遍历对象中的 [key, value] 数组,将其作为属性和对应值创建。

Object.fromEntries() 的用法

Object.fromEntries() 的语法是非常简单且易懂的。以下是它的基本用法:

参数:参数 iterable 是一个具有键值对数据结构的对象,例如 Map 或 Array。

返回值:返回一个新的对象,该对象由参数之间的键值对构造而成。

例如,在这里我们有一个数组,它的每个项都包含一个键名和键值:

那么如果我们想要将这个数组转换成一个对象,我们可以应用 Object.fromEntries(),

通过这段代码,我们可以得到如下的对象:

示例

示例中的代码展示了如何使用 Object.fromEntries() 方法将一个数组转换为一个对象:

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

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

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

总结

在现代的前端开发中,Object.fromEntries() 是一种非常有用的方法,它通过使用数组来创建一个具有键值对的对象。它的使用非常简单,适用于添加新的数据到一个对象中。无论是将数据格式化或转换,Object.fromEntries() 是一个强大的工具,可以大大节省您的时间。希望这篇文章可以对你有所帮助,让你学会如何使用 Object.fromEntries() 方法来将数组转换成对象。

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

纠错
反馈