在 JavaScript ES11 版本中，新增了一个非常有用的 Object 方法：Object.fromEntries()。它可以将一个包含键值对的数组转化为一个对象。这个方法在前端开发中非常有用，本文将详细介绍它的用法和示例代码。
用法
Object.fromEntries() 方法接收一个键值对数组作为参数，返回一个新的对象。这个数组中的每个元素都是一个包含键值对的数组。如下所示：
----- ------- - - -------- ------ ------- ---- ---------- ---- -- ----- --- - ---------------------------- ----------------- -- ---- ----- ----- ---- --- ------- --- -
可以看到，Object.fromEntries() 方法将一个包含键值对的数组转化为了一个新的对象。
示例
将 URLSearchParams 对象转化为对象
在前端开发中，我们经常需要将 URLSearchParams 对象转化为一个对象。URLSearchParams 对象是一个包含 URL 查询参数的对象，可以通过 new URLSearchParams() 构造函数来创建。
使用 Object.fromEntries() 方法可以轻松地将 URLSearchParams 对象转化为一个对象，如下所示：
----- ------ - --- ------------------------------------------- ----- --- - ------------------------------------- ----------------- -- ---- ----- ----- ---- ----- ------- --- -
将 Map 对象转化为对象
Map 对象是一种键值对的集合，可以使用 Object.fromEntries() 方法将其转化为一个对象，如下所示：
----- --- - --- ----- -------- ------ ------- ---- ---------- ---- --- ----- --- - ---------------------------------- ----------------- -- ---- ----- ----- ---- --- ------- --- -
将对象转化为键值对数组
除了将键值对数组转化为对象，Object.fromEntries() 方法还可以将一个对象转化为键值对数组。这可以通过 Object.entries() 方法和 Object.fromEntries() 方法结合使用来实现，如下所示：
----- --- - - ----- ----- ---- --- ------- --- -- ----- ------- - -------------------- --------------------- -- ---- - ------- ---- -- - ------ -- -- - --------- --- - - ----- ------ - ---------------------------- -------------------- -- ---- ----- ----- ---- --- ------- --- -
总结
Object.fromEntries() 方法是一个非常实用的方法，可以将一个包含键值对的数组转化为一个对象。在前端开发中，它可以用来将 URLSearchParams 对象和 Map 对象转化为对象，也可以用来将对象转化为键值对数组。希望本文对大家有所帮助，谢谢阅读！
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66023703d10417a222da46cb