如何使用 javascript 遍歷對象?使用 for…in 循環(huán)遍歷對象鍵;使用 object.keys() 方法返回鍵數(shù)組并遍歷;使用 object.entries() 方法返回鍵值對數(shù)組并遍歷。
如何使用 JavaScript 遍歷對象
JavaScript 中的對象是一組鍵值對的無序集合。遍歷對象是指訪問并操作對象中每個鍵值對的過程。
使用 for…in 循環(huán)
for…in 循環(huán)用于遍歷對象的鍵。它的語法如下:
for (let key in object) { // 訪問對象鍵值對 }
登錄后復制
例如:
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() 方法返回一個包含對象所有鍵的數(shù)組。然后可以使用 forEach() 循環(huán)遍歷數(shù)組。語法如下:
Object.keys(object).forEach((key) => { // 訪問對象鍵值對 });
登錄后復制
例如:
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() 方法返回一個包含對象所有鍵值對的二維數(shù)組。每個數(shù)組元素是包含鍵和值的一維數(shù)組。然后可以使用 forEach() 循環(huán)遍歷數(shù)組。語法如下:
Object.entries(object).forEach(([key, value]) => { // 訪問對象鍵值對 });
登錄后復制
例如:
const person = { name: "John Doe", age: 30, }; Object.entries(person).forEach(([key, value]) => { console.log(`${key}: ${value}`); });
登錄后復制
輸出:
name: John Doe age: 30
登錄后復制登錄后復制登錄后復制