在JavaScript中,要遍歷一個對象的屬性鍵值對(Key-Value),可以使用 for...in
循環或 Object.entries()
方法。
使用 for...in
循環:
for...in
循環用于遍歷對象的可枚舉屬性。
在循環體中,通過對象名和屬性名訪問屬性值。
示例代碼:
const obj = { a: 1, b: 2, c: 3 };
for (let key in obj) {
if (obj.hasOwnProperty(key)) { // 可選的判斷是否為自身屬性
console.log(Key: ${key}, Value: ${obj[key]});
}
}
2、使用 Object.entries()
方法:
Object.entries()
方法返回一個包含對象自身可枚舉屬性的數組,每個元素都是一個包含鍵值對的數組。
遍歷數組,每個元素的第一個值是屬性名,第二個值是屬性值。
示例代碼:
const obj = { a: 1, b: 2, c: 3 };
Object.entries(obj).forEach(([key, value]) => {
console.log(Key: ${key}, Value: ${value});
});
這兩種方法都可以用來遍歷對象的屬性鍵值對,具體選擇哪種方式取決于實際需求和代碼風格。需要注意的是,for...in
循環也會遍歷到對象原型鏈上的屬性,而 Object.entries()
方法僅遍歷對象自身的屬性。如果需要判斷是否為自身屬性,可以使用 hasOwnProperty()
方法。