学习笔记---for、forEach、for...in、for...of 循环

var fruits = ['apple', 'banana', 'orange', 'mango',]

1、for 循环

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

2、forEach 循环 (无法终止循环)

 

fruits.forEach(it => {
　　console.log(it)
})

 

3、for...in 循环 (遍历所有属性)

for (let i in fruits) {
　　console.log(fruits[i])
}

4、for...of 循环(不支持对象)

for (let i of fruits) {
    console.log(i)
}

for (let i of fruits) {
　　if (i === 'orange') {
　　　　break // 终止循环
　　}
    console.log(i)
}

for (let i of fruits) {
　　if (i === 'orange') {
　　　　continue // 跳过循环
　　}
    console.log(i)
}

 for...of 循环 - 使用

for (let i of fruits.entries()){
    console.log(i) //[0, "apple"] [1, "banana"] [2, "orange"] [3, "mango"] --- 可以同时取到索引值和元素的值
}

for (let [index, item] of fruits.entries()){
　　console.log(index + item) //[0, "apple"] [1, "banana"] [2, "orange"] [3, "mango"] --- 可以同时取到索引值和元素的值 
}