1.for循环

        最简单的一种循环遍历方法,也是使用频率最高的一种,可优化
    循环过程中支持修改索引(修改 i)

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

// 1 2 3 4 5 6

2.for…in…

var arr = ['我', '是', '谁', '我', '在', '哪']
for(let key in arr) {
    console.log(key)
}

// 0 1 2 3 4 5

let obj = {
        a: 11,
        b: 22,
        c: 33
}
for(let key in obj) {
	console.log(key)
}
// a b c 

3.for…of…(ES6)

var arr = ['我', '是', '谁', '我', '在', '哪']
for(var key of arr) {
    console.log(key)
}

// 我 是 谁 我 在 哪

4.forEach(也叫作增强for循环)

var arr = [1, 2, 3, 4, 5, 6]
arr.forEach((item, idnex, array) => {
    console.log(item)     // 1 2 3 4 5 6
    console.log(array)    // [1, 2, 3, 4, 5, 6]
})

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐