遍歷 javascript 對象的方法有:for…in 循環:遍歷對象的自身和繼承的屬性。object.keys():僅遍歷對象的自身可枚舉屬性的鍵。object.values():僅遍歷對象的自身可枚舉屬性的值。object.entries():遍歷對象的自身可枚舉屬性的鍵值對。
遍歷 JavaScript 對象
如何遍歷 JavaScript 對象?
要遍歷 JavaScript 對象,最常用的方法是使用 for…in 循環。它遍歷對象的所有可枚舉屬性,包括那些繼承自原型鏈的屬性。
使用 for…in 循環
const person = { name: "John Doe", age: 30, city: "New York" }; for (const property in person) { console.log(`${property}: ${person[property]}`); }
登錄后復制
輸出:
name: John Doe age: 30 city: New York
登錄后復制登錄后復制登錄后復制
注意: for…in 循環還遍歷繼承的屬性,因此可能會輸出其他屬性,具體取決于對象的原型鏈。
使用 Object.keys
要僅遍歷對象的自身可枚舉屬性,可以使用 Object.keys 方法。它返回一個包含所有鍵的數組。
const person = { name: "John Doe", age: 30, city: "New York" }; const keys = Object.keys(person); for (const key of keys) { console.log(`${key}: ${person[key]}`); }
登錄后復制
輸出:
name: John Doe age: 30 city: New York
登錄后復制登錄后復制登錄后復制
使用 Object.values
要僅遍歷對象的自身可枚舉屬性值,可以使用 Object.values 方法。它返回一個包含所有值的數組。
const person = { name: "John Doe", age: 30, city: "New York" }; const values = Object.values(person); for (const value of values) { console.log(value); }
登錄后復制
輸出:
John Doe 30 New York
登錄后復制
使用 Object.entries
要遍歷對象的自身可枚舉屬性的鍵值對,可以使用 Object.entries 方法。它返回一個包含鍵值對數組的數組。
const person = { name: "John Doe", age: 30, city: "New York" }; const entries = Object.entries(person); for (const [key, value] of entries) { console.log(`${key}: ${value}`); }
登錄后復制
輸出:
name: John Doe age: 30 city: New York
登錄后復制登錄后復制登錄后復制
其他方法
還有一些其他方法可以遍歷 JavaScript 對象,但它們的使用不那么普遍:
forEach 方法
map 方法
filter 方法
some 方法
every 方法