Javascript中的对象字面量是一种极为强大和常见的数据类型。它们允许我们将键与值相关联，以便在应用程序中使用。 在处理对象字面量时，有时需要遍历其所有值，本文将深入介绍如何使用不同的技术来迭代对象字面量的值。
for...in 循环
最常见的方法是使用for in循环。这个循环可以遍历一个对象的所有可枚举属性（包括继承来的属性）。对于每个属性，我们可以通过对象的key(键) 来访问其对应的value(值)。
-- -------------------- ---- ------- ----- ---- - - ----- ----- ----- ---- --- ------ ---------------------- -- --- ------ --- -- ----- - -------------------- --------------- -
输出：
name: John Doe age: 30 email: john.doe@example.com
Object.values() 方法
ES2017 引入了一个新的方法Object.values()，该方法返回一个对象的所有属性值的数组。使用这个方法与传统的for in循环相比，代码更加简洁。
-- -------------------- ---- ------- ----- ---- - - ----- ----- ----- ---- --- ------ ---------------------- -- ----- ------ - -------------------- --------------------
输出：
['John Doe', 30, 'john.doe@example.com']
Object.entries() 方法
ES2017 还引入了Object.entries()方法，该方法返回一个二维数组，其中包含对象的所有键/值对。我们可以使用这个方法来同时迭代key和value。
-- -------------------- ---- ------- ----- ---- - - ----- ----- ----- ---- --- ------ ---------------------- -- ----- ------- - --------------------- --- ------ ----- ------ -- -------- - -------------------- ----------- -
输出：
name: John Doe age: 30 email: john.doe@example.com
总结
迭代对象字面量的值是Javascript开发中不可避免的任务之一。在本文中，我们介绍了三种方法：使用for in循环，使用Object.values()方法以及使用Object.entries()方法。无论你选择哪种方法，都应该根据具体情况选择最合适的技术。在使用for in循环时，注意要过滤掉原型链上的属性。在使用Object.entries()方法时，了解如何使用解构语法来访问key和value。通过这些技巧，您可以更加高效地处理和操作对象字面量的值。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/26402