在 JavaScript 中，对象是一种非常常见的数据类型。在许多情况下，我们需要循环处理对象的属性和值，特别是在前端开发中。本文将介绍在 JavaScript 中循环键/值对象的方法，并提供示例代码。
循环对象的属性
在 JavaScript 中，可以使用 for...in 循环来遍历对象的属性。例如：
-- -------------------- ---- ------- ----- ------ - - ----- -------- ---- --- ------- -------- -- --- ---- --- -- ------- - --------------- - -- - - ------------- -
上面的代码输出：
name: Alice age: 30 gender: female
在 for...in 循环中，变量 key 是对象属性的名称。通过 person[key] 可以获取该属性的值。
需要注意的是，for...in 循环会遍历对象自身的所有可枚举属性，包括从原型链继承而来的属性。如果只想循环对象自身的属性，可以使用 Object.keys() 方法或 Object.getOwnPropertyNames() 方法先获取对象自身的属性名数组，然后再进行循环。例如：
-- -------------------- ---- ------- ----- ------ - - ----- -------- ---- --- ------- -------- -- ----- ---- - -------------------- --- ---- - - -- - - ------------ ---- - ----- --- - -------- --------------- - -- - - ------------- -
上面的代码输出与前面相同。
循环键/值对象
有时候我们需要同时遍历对象的属性和对应的值。在 JavaScript 中，可以使用 Object.entries() 方法将对象转换为键/值数组，然后再进行循环。例如：
-- -------------------- ---- ------- ----- ------ - - ----- -------- ---- --- ------- -------- -- ----- ------- - ----------------------- --- ---- - - -- - - --------------- ---- - ----- ----- ------ - ----------- --------------- - -- - - ------- -
上面的代码输出与前面相同。
需要注意的是，Object.entries() 方法返回的数组中每个元素都是一个包含属性名和属性值的数组，因此在循环时需要使用解构赋值来获取属性名和属性值。
结论
在 JavaScript 中循环键/值对象是一项基本的操作，在前端开发中尤其常见。本文介绍了使用 for...in 循环、Object.keys() 方法、Object.getOwnPropertyNames() 方法以及 Object.entries() 方法来循环对象的属性和键/值对的方法，并提供了示例代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11458
