在 ECMAScript 2017 (ES8) 中,引入了 Object.entries() 方法,它可以将对象转化为一个由键值对组成的数组,并返回这个数组。
用法
Object.entries() 方法需要传入一个对象,该方法会将对象的 key-value 属性转化为数组的形式。该方法返回的数组的每一个元素都是由键值对所组成的数组,其中键值对的顺序按照对象中属性的添加顺序进行排列。
以下是 Object.entries() 方法的语法:
Object.entries(obj)
- obj:一个对象,需要将它转化为数组。
示例
假设我们有一个对象,存储了一些人的名字和他们的年龄,我们希望将这个对象转化为一个数组,可以这样写:
-- -------------------- ---- ------- --- --- - - ------- --- ------ --- -------- -- -- --- --- - -------------------- ----------------- -- - -------- ---- ------- ---- --------- --- -
可以看到,我们将 obj 对象传入 Object.entries() 方法中,得到了一个由键值对组成的数组。每个数组元素的第一个值是键(即属性名),第二个值是相应的值(即属性值)。
应用场景
Object.entries() 方法可以实现将一个对象的属性,转化为一个可以遍历的数组。这个方法很有用,因为如此就可以通过遍历数组的方法来实现枚举对象的属性。
在业务开发中,我们常常需要将数据以数组的方式进行展示。在这种情况下,我们可以使用 Object.entries() 将对象转化为数组,再使用遍历数组的方式来呈现数据。
-- -------------------- ---- ------- --- --- - - ------- --- ------ --- -------- -- -- --- --- - -------------------- --- ---- - - -- - - ----------- ---- - --- ---- - ---------- --- --- - ---------- -------------------- -- ------ ----- ------- - -- ----- -- -- ----- ----- -- ---- -- -- ----- ----- -- ------ -- -- ----- -----
在上面的示例中,我们将 obj 对象转化为了数组,并使用 for 循环遍历这个数组。在遍历数组的过程中,我们获取了数组的每个元素的第一个和第二个值,并将它们格式化输出。
总结
Object.entries() 方法是 ECMAScript 2017 (ES8) 引入的新特性之一。它可以将对象转化为数组,并按对象属性添加的顺序排列数组元素。该方法可用于将数据以数组的方式展示,以及实现遍历对象属性的目的。在实际开发中,会经常用到这个方法,我们应该好好学习和应用它,提升自己的开发效率。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/64f95acaf6b2d6eab30e0a98