如何在 ECMAScript 2018 中使用 Object.values() 和 Object.entries() 方法

在 ECMAScript 2018 中,我们可以使用 Object.values() 和 Object.entries() 方法来获取对象的属性值和键值对。这两个方法都是 Object 对象的静态方法,可以方便地对对象进行遍历和操作。

Object.values() 方法

Object.values() 方法返回一个包含对象自身属性值的数组。

语法

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

参数

  • obj:要返回属性值的对象。

返回值

一个数组,包含对象自身属性值的列表。

示例

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

Object.entries() 方法

Object.entries() 方法返回一个包含对象自身属性键值对的数组。

语法

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

参数

  • obj:要返回属性键值对的对象。

返回值

一个数组,包含对象自身属性键值对的列表。

示例

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

使用 Object.values() 和 Object.entries() 方法

使用 Object.values() 和 Object.entries() 方法可以方便地对对象进行遍历和操作。下面是一个示例,我们可以使用这两个方法来实现一个简单的对象过滤器。

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

在上面的示例中,我们首先使用 Object.entries() 方法将对象转换为数组,然后使用数组的 filter() 方法来过滤出值大于 1 的键值对,最后使用 Object.fromEntries() 方法将过滤后的数组转换为对象。

总结

Object.values() 和 Object.entries() 方法是 ECMAScript 2018 中新增的对象方法,它们可以方便地对对象进行遍历和操作。使用这两个方法可以让我们更加方便地处理对象数据,提高开发效率。

来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/65cb4478add4f0e0ff4ff8bc