JavaScript 循环对象

在 JavaScript 中，对象是一类数据类型，它可以存储多个属性和方法。在一些情况下，你可能需要循环遍历对象里的每一个属性。本文将介绍 JavaScript 中循环对象的常用方式。

for...in 循环

for...in 循环是遍历对象属性的最基本和最常用的方式。它的语法如下：

for (variable in object) {
  // code block to be executed
}

其中 variable 表示每次遍历时对象的属性名，object 是要遍历的对象。下面是一个简单的例子：

let person = {
  firstName: "John",
  lastName: "Doe",
  age: 30,
  eyeColor: "blue"
};

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

输出结果如下：

firstName: John
lastName: Doe
age: 30
eyeColor: blue

它会遍历对象 person 中的每一个属性，将属性名和属性值打印出来。注意，在 for...in 循环中， prop 表示属性名， person[prop] 表示属性值。

Object.keys() 循环

Object.keys() 方法返回一个数组，它包含对象的所有属性名。你可以使用 for 循环或 forEach() 方法来遍历这个数组，从而遍历对象的属性。下面是一个例子：

let person = {
  firstName: "John",
  lastName: "Doe",
  age: 30,
  eyeColor: "blue"
};

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

输出结果与上一个例子相同。

Object.entries() 循环

Object.entries() 方法返回一个包含对象所有属性的 [key, value] 数组。你可以使用 for 循环来遍历这个数组，从而遍历对象的属性。下面是一个例子：

let person = {
  firstName: "John",
  lastName: "Doe",
  age: 30,
  eyeColor: "blue"
};

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

输出结果与前面两个例子相同。

总结

在 JavaScript 中，有多种方式可以循环对象。其中最常用的是 for...in 循环和 Object.keys() 循环。如果你需要同时遍历对象的属性和对应的值，可以使用 Object.entries() 循环。无论使用哪种方式，都能帮助你快速遍历对象的所有属性。