ECMAScript 2016 中的 Object.entries() 和 Object.values() 方法

阅读时长 3 分钟读完

在 ECMAScript 2016 中,JavaScript 新增了两个非常有用的方法:Object.entries() 和 Object.values()。这两个方法可以帮助开发人员更方便地进行对象操作,提高代码的可读性和效率。

Object.entries()

Object.entries() 方法返回一个给定对象自身可枚举属性的键值对数组,其排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致。每个键值对形如 [key, value] 表示对象中一个属性的键和对应的值。

例如,我们有以下对象:

我们可以使用 Object.entries() 方法将其转换为一个数组:

这个数组中包含了我们对象的所有属性的键值对。我们可以遍历这个数组进行进一步操作。

示例代码

以下代码演示了如何使用 Object.entries() 方法获取对象属性的键值对数组:

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

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

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

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

Object.values()

Object.values() 方法返回一个对象自身可枚举属性的值的数组,其排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致。

例如,我们有以下对象:

我们可以使用 Object.values() 方法将其转换为一个数组:

这个数组中包含了我们对象的所有属性的值。我们可以遍历这个数组进行进一步操作。

示例代码

以下代码演示了如何使用 Object.values() 方法获取对象属性的值的数组:

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

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

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

--
    -
    -
    -
--

总结

以上就是 ECMAScript 2016 中的 Object.entries() 和 Object.values() 方法的详细说明和使用示例。这两个方法可以帮助开发人员更方便地进行对象操作,并提高代码的可读性和效率。在实际开发中,我们可以根据需要选择合适的方法来处理对象,达到更好的开发效果。

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

纠错
反馈