javaScript for迴圈

hasome發表於2024-04-25
JavaScript

for-in

  • for-in 迴圈是專門為迴圈物件設定的，因為物件沒有長度沒有順序，所以不能使用for 迴圈。
  • for-in迴圈可以迴圈陣列和物件，推薦迴圈物件的時候使用
    const obj = {
      name: "LiuQing",
      age: 18,
      sex: '男'
    }
    for (const key in obj) {
      console.log(key, "代表obj的屬性：name,age,sex")
      console.log(obj[key], "代表obj的屬性值：LiuQing,18,男")
    }

for-in迴圈陣列的時候key代表的是陣列下標

for-of

for…of 迴圈遍歷陣列或物件屬性的內容，而不是它的索引或屬性

  • 遍歷陣列的值
for (let value of arr) {
  console.log(value); // 輸出資料元素
}
  • 遍歷物件屬性的值
for (let value of arr) {
  console.log(value); // 輸出物件屬性值
}

foreach

forEach() 方法用於在陣列中迭代每個元素，提供一個回撥函式作為引數，它接受三個引數：元素值、元素索引和陣列本身，forEach() 方法適用於需要遍歷陣列。

arr.forEach((value, index, array) => {
  console.log(value, index, array); // 輸出元素、元素索引和陣列本身
});

相關文章