返回

对象遍历方法总结,掌握对象高效遍历技巧

前端

  1. for...in 循环

for...in循环是最常用的对象遍历方法之一。它遍历对象自身的和继承的可枚举属性(不含 Symbol 属性),并执行指定的代码块。基本语法如下:

for (const key in object) {
  // 使用key来访问属性值
}

例如,以下代码使用 for...in 循环遍历一个对象,并输出对象的属性名称和值:

const person = {
  name: "John Doe",
  age: 30,
  city: "New York"
};

for (const key in person) {
  console.log(`Key: ${key}, Value: ${person[key]}`);
}

输出结果:

Key: name, Value: John Doe
Key: age, Value: 30
Key: city, Value: New York

2. for...of 循环

for...of 循环是另一种常用的对象遍历方法。它遍历对象的可迭代属性的值,而不关心属性的名称。基本语法如下:

for (const value of object) {
  // 使用value来访问属性值
}

例如,以下代码使用 for...of 循环遍历一个对象,并输出对象的属性值:

const person = {
  name: "John Doe",
  age: 30,
  city: "New York"
};

for (const value of Object.values(person)) {
  console.log(`Value: ${value}`);
}

输出结果:

Value: John Doe
Value: 30
Value: New York

3. Object.keys() 方法

Object.keys() 方法返回一个包含对象自身可枚举属性名称的数组。基本语法如下:

const keys = Object.keys(object);

例如,以下代码使用 Object.keys() 方法获取一个对象的属性名称数组,并使用 forEach() 方法遍历该数组,输出对象的属性名称:

const person = {
  name: "John Doe",
  age: 30,
  city: "New York"
};

Object.keys(person).forEach((key) => {
  console.log(`Key: ${key}`);
});

输出结果:

Key: name
Key: age
Key: city

4. Object.values() 方法

Object.values() 方法返回一个包含对象自身可枚举属性值的数组。基本语法如下:

const values = Object.values(object);

例如,以下代码使用 Object.values() 方法获取一个对象的属性值数组,并使用 forEach() 方法遍历该数组,输出对象的属性值:

const person = {
  name: "John Doe",
  age: 30,
  city: "New York"
};

Object.values(person).forEach((value) => {
  console.log(`Value: ${value}`);
});

输出结果:

Value: John Doe
Value: 30
Value: New York

5. Object.entries() 方法

Object.entries() 方法返回一个包含对象自身可枚举属性键值对的数组。基本语法如下:

const entries = Object.entries(object);

例如,以下代码使用 Object.entries() 方法获取一个对象的属性键值对数组,并使用 forEach() 方法遍历该数组,输出对象的属性名称和值:

const person = {
  name: "John Doe",
  age: 30,
  city: "New York"
};

Object.entries(person).forEach(([key, value]) => {
  console.log(`Key: ${key}, Value: ${value}`);
});

输出结果:

Key: name, Value: John Doe
Key: age, Value: 30
Key: city, Value: New York

结语

以上五种方法都是JavaScript中常用的对象遍历方法,每种方法都有自己的特点和适用场景。在实际开发中,您可以根据自己的需求选择最合适的方法来遍历对象。希望本文能帮助您掌握对象遍历的技巧,在工作或学习中更轻松地处理对象数据。