让你的代码更简洁 ——ECMAScript 2021 (ES12) 中的 Object.fromEntries() 方法

阅读时长 3 分钟读完

前端项目中,我们用到对象的时候十分常见,但有时候我们会遇到需要把一个对象转换成一个 Map 对象的需求。那么在 ES12 中,我们可以使用 Object.fromEntries() 方法来实现这个转换,并且让代码更加简洁。

Object.fromEntries() 是什么

Object.fromEntries() 是 ECMAScript 2021 (ES12) 中新增的方法,它可以将一个由键值对组成的数组转换为一个对象。这个方法有着很好的兼容性,可以在主流的现代浏览器中使用。

如何使用 Object.fromEntries()

Object.fromEntries() 方法接受一个由键值对组成的数组作为参数,返回一个新的对象。

示例代码:

在示例代码中,首先我们声明了一个由键值对组成的数组 arr,其中的每个数组元素都是一个包含两个元素的数组,第一个元素是键,第二个元素是值。然后我们使用 Object.fromEntries() 方法将这个数组转换为一个对象 obj。最后我们输出了这个新的对象 obj,结果就是一个包含所有键值对的对象。

Object.fromEntries() 在实际项目中的应用场景

  1. 将 Map 对象转换为对象

在项目中,有时候我们需要将一个 Map 对象转换为一个对象,用 Object.fromEntries() 方法可以很快地实现这个转换。示例代码:

  1. 将对象转换为 Map 对象

同样,在项目中,有时候我们需要将一个对象转换为一个 Map 对象,也可以用 Object.fromEntries() 方法来实现这个转换。示例代码:

在示例代码中,我们首先定义了一个对象 obj,然后用 Object.entries(obj) 方法将这个对象转换为一个由键值对组成的数组,再用 new Map() 方法将这个数组转换为一个 Map 对象。

总结

Object.fromEntries() 方法是 ECMAScript 2021 (ES12) 中新增的方法,可以将一个由键值对组成的数组转换为一个对象。在项目中,我们可以用它来完成一些对象和 Map 对象之间的转换,让代码更加简洁易读。

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

纠错
反馈