再学JavaScript ES(6-10)全版本语法大全（3）- 数组的遍历

1 数组遍历

1.2 ES5 数组遍历

• 方法1

const arr = [1, 2, 3, 4, 5, 6]
for (let i = 0; i < arr.length; i++){
    console.log(arr[i])
}

• 方法2

const arr = [1, 2, 3, 4, 5, 6]
arr.forEach(function (item) {
    console.log(item)
})

---

for 和 foreach的区别

for (let i = 0; i < arr.length; i++) {
    if (arr[i] === 2) {
        break
    }
    console.log(arr[i])
}

// foreach 不支持 break和 continue
// arr.forEach(function (item) {
//     console.log(item)
// })

---

• 方法3
  能否继续遍历取决于是否返回true

arr.every(function (item) {
    console.log(item)
    return true
})

arr.every(function (item) {

    if (item === 2) {
        return false
    }
    console.log(item)
})

---

• 方法4 for in
• 用来遍历对象，数组是对象

const arr = [1, 2, 3, 4, 5, 6]

arr.a = 100
for (let index in arr) {
    console.log(index,arr[index])
}

---

• ===, 检查值和类型
• ==, 只检查值
• for in 中的 index 是字符串

const arr = [1, 2, 3, 4, 5, 6]

for (let index in arr) {
    if (index === 2) {
        continue
    }
    console.log(index,arr[index])
}

const arr = [1, 2, 3, 4, 5, 6]

for (let index in arr) {
    if (index == 2) {
        continue
    }
    console.log(index,arr[index])
}

1.6 ES6 增加的遍历方法

• 方法1 for of

const arr = [1, 2, 3, 4, 5, 6]

for (const item of arr) {
    console.log(item)
}