在 ES8 中,引入了一些新的 JavaScript 方法和语法特征,其中包括 Object.entries() 和 Object.values(),这些方法提供了一种简单方便的新方式来处理对象。在本文中,我们将介绍这两种方法并提供一些示例,帮助您更好地理解它们的使用方式。
Object.entries() 和 Object.values() 简介
在 ES8 中,Object 属性新增了两个用于访问对象属性的方法:Object.entries() 和 Object.values()。
Object.entries() 方法返回一个数组,其中包含对象的所有可枚举属性的键值对。数组中的每个元素都是一个长度为2的数组,其中第一个元素是键名,第二个元素是键值。而 Object.values() 方法返回一个数组,其中包含对象的所有可枚举属性的值。
如何使用 Object.entries() 和 Object.values()
以下是一些示例,展示如何使用 Object.entries() 和 Object.values() 方法。
对象的所有属性名称和值
您可以使用 Object.entries() 方法来获取对象的定义所有属性名称和值的数组。这个例子返回一个数组,其中每个元素都是一个 [键名, 键值] 对:
----- ----- - - -- -- -- -- -- - -- ----- ------- - ---------------------- --------------------- -- ------- - ----- --- ----- --- ----- -- -
对象的所有属性名称
您可以使用 Object.keys() 方法来获取对象的所有属性名称。这个例子返回一个数组,其中每个元素都是对象的属性名称:
----- ----- - - -- -- -- -- -- - -- ----- ---- - ------------------- ------------------ -- ------- - ---- ---- --- -
对象的所有属性值
您也可以使用 Object.values() 方法来获取对象的所有属性值。这个例子返回一个数组,其中每个元素都是对象的属性值:
----- ----- - - -- -- -- -- -- - -- ----- ------ - --------------------- -------------------- -- ------- - -- -- - -
过滤对象中的属性
可以使用 Object.keys() 和 Array.filter() 方法来过滤对象中的属性。下面的示例展示如何查找所有属性值为偶数的属性名称:
----- ----- - - -- -- -- -- -- -- -- - -- ----- ---- - ----------------------------- -- ---------- - - --- --- ------------------ -- ------- - ---- --- -
计算对象属性值的总和
你可以使用 Object.values() 和 Array.reduce() 方法来计算对象属性值的总和。下面的示例展示如何计算对象中所有属性值的总和:
----- ----- - - -- -- -- -- -- - -- ----- --- - ----------------------------------- ------ -- ----- - ------ --- ----------------- -- ------- -
总结
Object.entries() 和 Object.values() 提供了一种简单且便捷的方法来处理对象。它们可以让您轻松地获取对象的所有属性名称和值,并使用其他方法来查询、排序或转换对象。希望这篇文章能够帮助您更好地理解它们的使用方式。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6492cb2248841e9894097ce5