js怎样遍历对象中的每个元素

百变鹏仔 2个月前 (10-14) #JavaScript

文章标签遍历

javascript 对象遍历方法：for...in 循环：遍历自身及原型链属性。object.keys()：返回自身属性键数组。object.values()：返回自身属性值数组。object.entries()：返回自身属性键值对数组数组。foreach()：遍历键值对并执行回调函数。

如何遍历 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) =&gt; {  console.log(`${key}: ${value}`);});

注意事项

文章推荐