再学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)
})

forforeach的区别

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)
}
已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页