如何在 ES8 中使用对象的 Object.values 和 Object.entries 方法

在前端开发中,我们经常需要操作 JavaScript 对象。ES8 提供了两个十分实用的方法 Object.values 和 Object.entries,可以帮助我们更加轻松地处理对象。

Object.values 方法

Object.values 方法返回一个给定对象自身可枚举属性的所有值的数组。具体来说,它会忽略那些属性值为 Symbol 类型的属性。

下面是一个简单的示例:

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

这个方法能够让我们很方便地获取对象的属性值数组,如下面的例子所示:

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

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

上面的代码中,我们首先使用 map 方法把每个对象映射成它们的 name 属性,然后使用 Object.values 方法获取每个对象的 name 值的数组。

Object.entries 方法

Object.entries 方法返回一个给定对象自身可枚举属性的键值对数组,其中键值对的顺序与使用 for...in 循环遍历该对象时返回的顺序相同。

下面是一个简单的示例:

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

这个方法能够让我们很方便地获取对象的属性键值对数组,如下面的例子所示:

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

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

上面的代码中,我们首先使用 map 方法把每个对象映射成它们的键值对数组,然后使用 Object.entries 方法获取每个对象的键值对。

总结

Object.values 和 Object.entries 方法是处理对象时非常实用的方法,可以帮助我们更加方便地操作对象。在实际开发中,我们可以根据需要灵活地运用它们。

参考资料

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/64e89491f6b2d6eab341fa34


猜你喜欢

相关推荐

    暂无文章