在JavaScript中，要遍歷一個對象的屬性鍵值對（Key-Value），可以使用 for...in 循環(huán)或 Object.entries() 方法。

使用 for...in 循環(huán)：

for...in 循環(huán)用于遍歷對象的可枚舉屬性。

在循環(huán)體中，通過對象名和屬性名訪問屬性值。

示例代碼：

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() 方法返回一個包含對象自身可枚舉屬性的數(shù)組，每個元素都是一個包含鍵值對的數(shù)組。

遍歷數(shù)組，每個元素的第一個值是屬性名，第二個值是屬性值。

示例代碼：

const obj = { a: 1, b: 2, c: 3 };

Object.entries(obj).forEach(([key, value]) => {
    console.log(Key: ${key}, Value: ${value});
});

這兩種方法都可以用來遍歷對象的屬性鍵值對，具體選擇哪種方式取決于實(shí)際需求和代碼風(fēng)格。需要注意的是，for...in 循環(huán)也會遍歷到對象原型鏈上的屬性，而 Object.entries() 方法僅遍歷對象自身的屬性。如果需要判斷是否為自身屬性，可以使用 hasOwnProperty() 方法。