如何使用 javascript 遍歷對(duì)象?使用 for…in 循環(huán)遍歷對(duì)象鍵;使用 object.keys() 方法返回鍵數(shù)組并遍歷;使用 object.entries() 方法返回鍵值對(duì)數(shù)組并遍歷。
如何使用 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ì)
}
登錄后復(fù)制
例如:
const person = {
name: "John Doe",
age: 30,
};
for (let key in person) {
console.log(`${key}: ${person[key]}`);
}
登錄后復(fù)制
輸出:
name: John Doe age: 30
登錄后復(fù)制登錄后復(fù)制登錄后復(fù)制
使用 Object.keys() 方法
Object.keys() 方法返回一個(gè)包含對(duì)象所有鍵的數(shù)組。然后可以使用 forEach() 循環(huán)遍歷數(shù)組。語(yǔ)法如下:
Object.keys(object).forEach((key) => {
// 訪問(wèn)對(duì)象鍵值對(duì)
});
登錄后復(fù)制
例如:
const person = {
name: "John Doe",
age: 30,
};
Object.keys(person).forEach((key) => {
console.log(`${key}: ${person[key]}`);
});
登錄后復(fù)制
輸出:
name: John Doe age: 30
登錄后復(fù)制登錄后復(fù)制登錄后復(fù)制
使用 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ì)
});
登錄后復(fù)制
例如:
const person = {
name: "John Doe",
age: 30,
};
Object.entries(person).forEach(([key, value]) => {
console.log(`${key}: ${value}`);
});
登錄后復(fù)制
輸出:
name: John Doe age: 30
登錄后復(fù)制登錄后復(fù)制登錄后復(fù)制






