在前端开发中,我们经常需要操作 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