如何在 JavaScript 中遍歷對象

在 JavaScript 中，你可以使用以下幾種方法來遍歷對象：

1. for...in 迴圈：for...in 迴圈用於遍歷對象的屬性。例如：

const obj = {a: 1, b: 2, c: 3}
for (const key in obj) {
  console.log(key, obj[key])
}

for...in 迴圈遍歷原型鏈中的屬性。這意味著每當我們使用 for...in 迴圈遍歷一個對象時，我們都需要使用 hasOwnProperty 檢查該屬性是否屬於該對象：

const obj = {a: 1, b: 2, c: 3}
for (const key in obj) {
  if (obj.hasOwnProperty(key)) {
    console.log(`${key}: ${obj[key]}`);
  }
}

2. Object.keys() 方法：Object.keys() 方法返回一個包含對象所有可枚舉屬性名稱的數組。例如：

const obj = {a: 1, b: 2, c: 3}
const keys = Object.keys(obj)
for (const key of keys) {
  console.log(key, obj[key])
}

3. Object.entries() 方法：Object.entries() 方法返回一個包含對象所有可枚舉屬性鍵值對的數組。例如：

const obj = {a: 1, b: 2, c: 3}
const entries = Object.entries(obj)
for (const [key, value] of entries) {
  console.log(key, value)
}

4. Object.getOwnPropertyNames() 方法：Object.getOwnPropertyNames() 方法返回一個包含對象所有屬性名稱的數組（包括不可枚舉屬性）。例如：

const obj = {a: 1, b: 2, c: 3}
const keys = Object.getOwnPropertyNames(obj)
for (const key of keys) {
  console.log(key, obj[key])
}

通過這些方法，你就可以在 JavaScript 中正確地遍歷對象的屬性了。