for、for...in...、forEach的区别

for 与 for...in... 循环中return 会直接跳出循环，不进行下次循环
forEach return之后依然不跳出循环，继续下次循环

for(let i =0; i<10; i++){
    if(i == 6){
        // return console.log('i>>>', i)
        console.log('i>>>', i)
        break
    }else{
        console.error('i>>>', i)
    }
}

图片用的return for 循环中return 会直接跳出循环，不进行下次循环.png

let arr = [0,1,2,3,4,5,6,7,8,9]
for(let j in arr){
    if(j == 6){
        // return console.log('j>>>', j)
        console.log('j>>>', j)
        break
    }else{
        console.error('j>>>', j)
    }
}

图片用的return for...in... 循环中return 会直接跳出循环，不进行下次循环.png

let arr = [0,1,2,3,4,5,6,7,8,9]
arr.forEach(item=>{
    if(item == 6){
        return console.log('item>>>', item)
    }else{
        console.error('item>>>', item)
    }
})

forEach 当中不允许用breack 会报错， forEach return之后依然不跳出循环，继续下次循环.png

break与return
break结束当前循环，不影响下方的函数执行

图片用的break.png