在前端开发中,我们经常需要对数据进行转换。当我们需要将数组转换成对象时,ES10中新增了一个方法 Object.fromEntries()
来帮助我们解决这个问题。
什么是 Object.fromEntries()
简单来说,Object.fromEntries()是一个静态方法,它接受一个可迭代的对象作为参数,并返回一个新的对象,该新对象以迭代器遍历对象中的 [key, value] 数组,将其作为属性和对应值创建。
Object.fromEntries() 的用法
Object.fromEntries() 的语法是非常简单且易懂的。以下是它的基本用法:
Object.fromEntries(iterable)
参数:参数 iterable 是一个具有键值对数据结构的对象,例如 Map 或 Array。
返回值:返回一个新的对象,该对象由参数之间的键值对构造而成。
例如,在这里我们有一个数组,它的每个项都包含一个键名和键值:
const arr = [['name', 'Lucy'], ['age', 18], ['gender', 'female']];
那么如果我们想要将这个数组转换成一个对象,我们可以应用 Object.fromEntries(),
const obj = Object.fromEntries(arr);
通过这段代码,我们可以得到如下的对象:
{ name: "Lucy", age: 18, gender: "female" }
示例
示例中的代码展示了如何使用 Object.fromEntries() 方法将一个数组转换为一个对象:
-- -------------------- ---- ------- ----- --- - - -------- -------- ------- ---- ---------- --------- -- ----- --- - ------------------------ ----------------- --- ----- ------- ---- --- ------- -------- -
总结
在现代的前端开发中,Object.fromEntries() 是一种非常有用的方法,它通过使用数组来创建一个具有键值对的对象。它的使用非常简单,适用于添加新的数据到一个对象中。无论是将数据格式化或转换,Object.fromEntries() 是一个强大的工具,可以大大节省您的时间。希望这篇文章可以对你有所帮助,让你学会如何使用 Object.fromEntries() 方法来将数组转换成对象。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6459d712968c7c53b0bf5177