如何遍历 JavaScript 对象

在 JavaScript 中，对象是一个包含键值对的数据结构。遍历对象涉及迭代其属性，并访问每个属性的键和值。

遍历对象的方法

有几种方法可以遍历 JavaScript 对象：

1. for...in 循环

for...in 循环遍历对象的自身可枚举属性（包括原型链上的属性）。

const person = { name: 'John', age: 30 };for (const property in person) {  console.log(`${property}: ${person[property]}`);}

2. Object.keys()

Object.keys() 方法返回一个包含对象自有属性键的数组。

const keys = Object.keys(person);for (const key of keys) {  console.log(`${key}: ${person[key]}`);}

3. Object.values()

Object.values() 方法返回一个包含对象自有属性值的数组。

const values = Object.values(person);for (const value of values) {  console.log(value);}

4. Object.entries()

Object.entries() 方法返回一个包含对象自有属性键值对数组的数组。

const entries = Object.entries(person);for (const [key, value] of entries) {  console.log(`${key}: ${value}`);}

5. forEach()

forEach() 方法遍历对象的每一对键值，并调用一个提供键值对的回调函数。

person.forEach((value, key) => {  console.log(`${key}: ${value}`);});

注意事项

• 使用 for...in 循环时，要小心原型链上的属性，因为它们也会被遍历。
• 使用其他方法（如 Object.keys()）时，只遍历对象的自身属性。
• 选择遍历方法取决于所需的数据和操作。

以上就是js怎样遍历对象中的每个元素的详细内容，更多请关注css网站其它相关文章！