如何使用 javascript 遍歷對(duì)象?使用 for…in 循環(huán)遍歷對(duì)象鍵;使用 object.keys() 方法返回鍵數(shù)組并遍歷;使用 object.entries() 方法返回鍵值對(duì)數(shù)組并遍歷。
如何使用 JavaScript 遍歷對(duì)象
JavaScript 中的對(duì)象是一組鍵值對(duì)的無序集合。遍歷對(duì)象是指訪問并操作對(duì)象中每個(gè)鍵值對(duì)的過程。
使用 for…in 循環(huán)
for…in 循環(huán)用于遍歷對(duì)象的鍵。它的語法如下:
for (let key in object) { // 訪問對(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ù)組。語法如下:
Object.keys(object).forEach((key) => { // 訪問對(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ù)組。語法如下:
Object.entries(object).forEach(([key, value]) => { // 訪問對(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ù)制