遍歷 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 方法






