ES9 之 Object.fromEntries!

阅读时长 3 分钟读完

在 JavaScript 的漫长历史中,对象是一种非常重要的数据类型。对象可以存储和操作各种类型的数据,并提供了一些非常有用的方法和属性。在 ES6 中,我们看到了一些新的对象方法和语法,比如 Object.assign 和对象解构。在 ES9 中,我们又迎来了一种新的对象方法,它就是 Object.fromEntries。

Object.fromEntries 的定义

Object.fromEntries 是 ES9 中新增的一个静态方法,它可以将一个键值对的数组转换为一个对象。这个数组可以是由 Object.entries 生成的,也可以是自己手动构造的。该方法的语法如下:

其中,iterable 是一个可迭代对象,它应该是一个由键值对组成的数组或其他可迭代的对象。每个键值对应该是一个长度为 2 的数组,第一个元素是属性名,第二个元素是属性值。

Object.fromEntries 的用途

Object.fromEntries 可以用来将一个键值对的数组转换为一个对象。这在很多场景下都非常有用,比如将 URLSearchParams 对象转换为一个对象,将 FormData 对象转换为一个对象等等。

下面我们来看一个具体的例子,假设我们有一个由键值对组成的数组,我们想将它们转换为一个对象:

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

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

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

Object.fromEntries 的兼容性

Object.fromEntries 是 ES9 中新增的方法,目前大部分浏览器已经支持了该方法。但是,为了保证代码的兼容性,我们可以使用 polyfill 来实现该方法。

总结

Object.fromEntries 是 ES9 中新增的一个静态方法,它可以将一个键值对的数组转换为一个对象。该方法在很多场景下都非常有用,比如将 URLSearchParams 对象转换为一个对象,将 FormData 对象转换为一个对象等等。虽然该方法目前大部分浏览器已经支持了,但为了保证代码的兼容性,我们可以使用 polyfill 来实现该方法。

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

纠错
反馈