在前端开发中，我们经常需要遍历JavaScript对象的属性来获取数据。然而，在某些情况下，我们可能并不知道对象属性的名称或密钥。在这种情况下，我们可以使用一些技术来获取对象的所有属性值。
1. 使用for...in循环
使用for...in循环可以遍历对象的所有属性，并通过对象的属性名称访问该属性的值。以下是一个示例：
----- --- - --- -- -- -- -- ---
--- ------ --- -- ---- -
---------------------- -- ---- -- -
-在上面的示例中，我们遍历了对象obj的所有属性，并通过对象的属性名称访问了该属性的值。
2. 使用Object.keys()方法
使用Object.keys()方法可以获取对象的所有属性名称，并通过这些属性名称访问属性的值。以下是一个示例：
----- --- - --- -- -- -- -- ---
----- ---- - -----------------
--- ---- - - -- - - ------------ ---- -
----- --- - --------
---------------------- -- ---- -- -
-在上面的示例中，我们使用Object.keys()方法获取对象obj的所有属性名称，并使用这些属性名称访问了属性的值。
3. 使用Object.values()方法
使用Object.values()方法可以获取对象的所有属性值，而不需要知道属性名称。以下是一个示例：
----- --- - --- -- -- -- -- --- ----- ------ - ------------------- -------------------- -- ----- -- --
在上面的示例中，我们使用Object.values()方法获取对象obj的所有属性值，并将这些值存储在变量values中。
4. 使用Object.entries()方法
使用Object.entries()方法可以获取对象的所有键值对（即属性名称和属性值），而不需要知道属性名称。以下是一个示例：
----- --- - --- -- -- -- -- ---
----- ------- - --------------------
--- ---- - - -- - - --------------- ---- -
----- ----- ------ - -----------
------------------- -- ---- -- -
-在上面的示例中，我们使用Object.entries()方法获取对象obj的所有键值对，并通过解构将每个键值对分配给变量key和value。然后，我们访问了每个值并输出它们。
总结
在本文中，我们介绍了四种技术来获取JavaScript对象的所有属性值，包括使用for...in循环、Object.keys()方法、Object.values()方法和Object.entries()方法。无论您需要遍历对象的所有属性或仅需获取属性值，这些技术都可以为您提供帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/8353