随着 ECMAScript 2019 的发布，JavaScript 语言又迎来了一些新的特性和方法。其中，Object.fromEntries() 方法和 Object.entries() 方法是两个比较实用的方法，本文将详细介绍它们的用法和指导意义。
Object.fromEntries() 方法
Object.fromEntries() 方法是一个静态方法，可以将一个包含键值对的数组转换成一个对象。这个方法的主要作用是在对象和数组之间进行转换，它的语法如下：
----------------------------
其中，iterable 是一个键值对的数组，每个元素都是一个表示键值对的数组，键值对的第一个元素是键名，第二个元素是键值。
下面是一个使用 Object.fromEntries() 方法的示例：
----- ------- - - ------- ------- ------- --- -- ----- --- - ---------------------------- ----------------- -- - ---- ------ ---- -- -
在这个示例中，我们定义了一个包含两个键值对的数组 entries，然后使用 Object.fromEntries() 方法将它转换成了一个对象 obj。
需要注意的是，如果一个键名在 iterable 中出现多次，那么最后一个键值对会覆盖之前的所有键值对。
Object.fromEntries() 方法的应用场景比较广泛，例如可以用它来将 URLSearchParams 对象转换成一个对象：
----- ------------ - --- ---------------------------------- ----- --- - --------------------------------- ----------------- -- - ---- ------ ---- ---- -
Object.entries() 方法
Object.entries() 方法是一个静态方法，可以将一个对象转换成一个键值对的数组。这个方法的语法如下：
-------------------
其中，obj 是需要转换成数组的对象。
下面是一个使用 Object.entries() 方法的示例：
----- --- - - ---- ------ ---- -- -- ----- ------- - -------------------- --------------------- -- - ------- ------- ------- --- -
在这个示例中，我们定义了一个对象 obj，然后使用 Object.entries() 方法将它转换成了一个键值对的数组 entries。
Object.entries() 方法的应用场景也比较广泛，例如可以用它来遍历一个对象的属性：
----- --- - - ---- ------ ---- -- -- --- ------ ----- ------ -- -------------------- - -------------------- ----------- -
在这个示例中，我们使用 for...of 循环遍历了 obj 的所有属性，并输出了它们的键名和键值。
总结
Object.fromEntries() 方法和 Object.entries() 方法是 ECMAScript 2019 新增的两个方法，它们可以方便地在对象和数组之间进行转换，并且具有广泛的应用场景。需要注意的是，这两个方法在一些老版本的浏览器中可能不被支持，需要进行兼容处理。
希望本文能够对你理解 Object.fromEntries() 方法和 Object.entries() 方法有所帮助，并且能够在实际开发中运用它们。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6573cdaad2f5e1655dcf5049