ECMAScript 2017 (ES8) 之 Object.entries() 方法

阅读时长 3 分钟读完

在 ECMAScript 2017 (ES8) 中,引入了 Object.entries() 方法,它可以将对象转化为一个由键值对组成的数组,并返回这个数组。

用法

Object.entries() 方法需要传入一个对象,该方法会将对象的 key-value 属性转化为数组的形式。该方法返回的数组的每一个元素都是由键值对所组成的数组,其中键值对的顺序按照对象中属性的添加顺序进行排列。

以下是 Object.entries() 方法的语法:

  • obj:一个对象,需要将它转化为数组。

示例

假设我们有一个对象,存储了一些人的名字和他们的年龄,我们希望将这个对象转化为一个数组,可以这样写:

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

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

可以看到,我们将 obj 对象传入 Object.entries() 方法中,得到了一个由键值对组成的数组。每个数组元素的第一个值是键(即属性名),第二个值是相应的值(即属性值)。

应用场景

Object.entries() 方法可以实现将一个对象的属性,转化为一个可以遍历的数组。这个方法很有用,因为如此就可以通过遍历数组的方法来实现枚举对象的属性。

在业务开发中,我们常常需要将数据以数组的方式进行展示。在这种情况下,我们可以使用 Object.entries() 将对象转化为数组,再使用遍历数组的方式来呈现数据。

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

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

在上面的示例中,我们将 obj 对象转化为了数组,并使用 for 循环遍历这个数组。在遍历数组的过程中,我们获取了数组的每个元素的第一个和第二个值,并将它们格式化输出。

总结

Object.entries() 方法是 ECMAScript 2017 (ES8) 引入的新特性之一。它可以将对象转化为数组,并按对象属性添加的顺序排列数组元素。该方法可用于将数据以数组的方式展示,以及实现遍历对象属性的目的。在实际开发中,会经常用到这个方法,我们应该好好学习和应用它,提升自己的开发效率。

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

纠错
反馈