如何使用 JavaScript 遍歷對(duì)象

JavaScript 中的對(duì)象是一組鍵值對(duì)的無(wú)序集合。遍歷對(duì)象是指訪問(wèn)并操作對(duì)象中每個(gè)鍵值對(duì)的過(guò)程。

使用 for…in 循環(huán)

for…in 循環(huán)用于遍歷對(duì)象的鍵。它的語(yǔ)法如下：

for (let key in object) {
  // 訪問(wèn)對(duì)象鍵值對(duì)
}

例如：

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

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

輸出：

name: John Doe
age: 30

使用 Object.keys() 方法

Object.keys() 方法返回一個(gè)包含對(duì)象所有鍵的數(shù)組。然后可以使用 forEach() 循環(huán)遍歷數(shù)組。語(yǔ)法如下：

Object.keys(object).forEach((key) => {
  // 訪問(wèn)對(duì)象鍵值對(duì)
});

例如：

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

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

輸出：

name: John Doe
age: 30

使用 Object.entries() 方法

Object.entries() 方法返回一個(gè)包含對(duì)象所有鍵值對(duì)的二維數(shù)組。每個(gè)數(shù)組元素是包含鍵和值的一維數(shù)組。然后可以使用 forEach() 循環(huán)遍歷數(shù)組。語(yǔ)法如下：

Object.entries(object).forEach(([key, value]) => {
  // 訪問(wèn)對(duì)象鍵值對(duì)
});

例如：

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

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

輸出：

name: John Doe
age: 30