了解 JavaScript 中的不同迴圈對於有效地處理資料結構非常重要。以下是四種常見的迴圈方法：for...in、for...of、forEach 和 傳統的 for 迴圈。

1. for...in 迴圈
   for...in 迴圈用於遍歷對象的可枚舉屬性，常用於遍歷對象的屬性名稱。

適用資料結構：物件 (Object)

const person = {
  name: 'Alice',
  age: 25,
  job: 'Engineer'
};

for (const key in person) {
  if (person.hasOwnProperty(key)) {
    console.log(`${key}: ${person[key]}`);
  }
}

2.for...of 迴圈
for...of 迴圈用於遍歷可迭代對象（例如陣列、字串、Map 和 Set 等）。

適用資料結構：陣列 (Array)、字串 (String)、Map、Set

const array = ['apple', 'banana', 'cherry'];

for (const fruit of array) {
  console.log(fruit);
}

3. forEach 方法
   forEach 是陣列的方法，用於對陣列中的每個元素執行一次提供的函數。

適用資料結構：陣列 (Array)

const numbers = [1, 2, 3, 4, 5];

numbers.forEach(function(number) {
  console.log(number);
});

4. 傳統的 for 迴圈
   傳統的 for 迴圈是最基本的迴圈結構，適用於需要控制迴圈索引的場合。

適用資料結構：陣列 (Array)、NodeList

const numbers = [10, 20, 30, 40, 50];

for (let i = 0; i < numbers.length; i++) {
  console.log(numbers[i]);
}

• for...in：適合遍歷物件的屬性名稱，但不建議用於陣列，因為它遍歷的是索引而非值。
• for...of：適合遍歷可迭代對象的值，不適用於物件。
• forEach：簡潔且適合陣列的遍歷。
• 傳統的 for 迴圈：靈活且適用範圍廣，適合需要精確控制迴圈索引的場合。