JavaScript 对象循环

在 JavaScript 中，对象是非常常见的一种数据类型。当我们需要遍历一个对象时，我们需要使用循环语句来遍历它的所有属性。本文将介绍 JavaScript 中常用的对象循环方法，并提供代码示例。

for...in 循环

使用 for...in 循环可以遍历一个对象中的所有属性，如下所示：

let person = { firstName: "John", lastName: "Doe", age: 25 };

for (let property in person) {
  console.log(`${property}: ${person[property]}`);
}

输出结果为：

firstName: John
lastName: Doe
age: 25

上述代码中，我们首先定义了一个 person 对象，然后使用 for...in 循环遍历了对象中的所有属性。

Object.keys() 方法

Object.keys() 方法返回一个对象中所有属性的名称，它返回一个数组，其中包含对象的所有属性名称。我们可以使用 for 循环遍历数组中的所有属性名称，并获取对象中对应属性的值。如下例所示：

let person = { firstName: "John", lastName: "Doe", age: 25 };
let keys = Object.keys(person);

for (let i = 0; i < keys.length; i++) {
  let key = keys[i];
  console.log(`${key}: ${person[key]}`);
}

上述代码中，我们首先使用 Object.keys() 方法获取了 person 对象中所有属性的名称。然后，我们使用 for 循环遍历数组中的所有属性名称，并获取对象中对应属性的值。

Object.values() 方法

Object.values() 方法返回一个对象中所有属性的值，它返回一个数组，其中包含对象的所有属性值。我们可以使用 for 循环遍历数组中的所有属性值，并获取对应的属性名称。如下例所示：

let person = { firstName: "John", lastName: "Doe", age: 25 };
let values = Object.values(person);

for (let i = 0; i < values.length; i++) {
  let value = values[i];
  let key = Object.keys(person)[i];
  console.log(`${key}: ${value}`);
}

上述代码中，我们首先使用 Object.values() 方法获取了 person 对象中所有属性的值。然后，我们使用 for 循环遍历数组中的所有属性值，并获取对应的属性名称。

Object.entries() 方法

Object.entries() 方法返回一个对象中所有属性的名称和值，它返回一个数组，其中每个元素为一个包含属性名称和属性值的数组。我们可以使用 for 循环遍历数组中的所有元素，并获取对应的属性名称和属性值。如下例所示：

let person = { firstName: "John", lastName: "Doe", age: 25 };
let entries = Object.entries(person);

for (let i = 0; i < entries.length; i++) {
  let key = entries[i][0];
  let value = entries[i][1];
  console.log(`${key}: ${value}`);
}

上述代码中，我们首先使用 Object.entries() 方法获取了 person 对象中所有属性的名称和值。然后，我们使用 for 循环遍历数组中的所有元素，并获取对应的属性名称和属性值。

总结来说，我们可以使用 for...in 循环、Object.keys() 方法、Object.values() 方法和 Object.entries() 方法来遍历 JavaScript 对象。我们可以根据自己的需求，选择其中的任意一种方式来实现遍历。