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

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

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

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

示例代碼：

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

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

示例代碼：

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

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

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