js循环-Js的for、foreach循环以及终止循环

一、js常见循环分为for循环，foreach循环，while以及do...while，而for循环又分为3种，普通循环，for...in循环，for...of循环。

1.普通循环

let arr_one = ['一年级','二年级','三年级','四年级'];
let arr_two = [{one:'一年级'},{two:'二年级'},{three:'三年级'},{four:'四年级'}];

for(let index = 0;index < arr_one.length; index ++){
    console.log(arr_one[index]);//'一年级','二年级','三年级','四年级'
}

for(let index = 0;index < arr_two.length; index ++){
    console.log(arr_two[index]);//{one:'一年级'},{two:'二年级'},{three:'三年级'},{four:'四年级'}
}

2.for...in索引循环

for(let e in arr_one){
    console.log(e)//0,1,2,
} 

for(let e in arr_two){
    console.log(e)//0,1,2
}

3.for...of循环

for(let e of arr_one){
    console.log(e)//'一年级','二年级','三年级','四年级'
} 

for(let e of arr_two){
    console.log(e)//{one:'一年级'},{two:'二年级'},{three:'三年级'},{four:'四年级'}
}

4.foreach循环

arr_one.forEach(element => {
    console.log(element)//'一年级','二年级','三年级','四年级'
});
       
arr_two.forEach(element => {
    console.log(element);//{one:'一年级'},{two:'二年级'},{three:'三年级'},{four:'四年级'}
    console.log(element.one);//'一年级'
});

二、终止循环

1.break，终止循环。在循环时遇到break直接跳出循环

for(var e of arr_one){
   if(e == '三年级'){
        break;
    }
   console.log(e)//只会输出'一年级','二年级'
}

2.continue，终止该次循环。在循环时遇到continue会跳出该次循环继续下一个循环

for(var e of arr_one){
    if(e == '三年级'){
        continue;
    }
    console.log(e)//只会输出'一年级','二年级','四年级'
} 

3.在foreach中，break，continue都会让代码报错

arr_one.forEach(e => {
    if(e == '三年级'){
       break;
    }
    console.log(e)
})

 

会报一下错误

4.return，有类似continue的功能

arr_one.forEach(e => {
   if(e == '三年级'){
      return;
   }
   console.log(e)//只会输出'一年级','二年级','四年级'
})

 

5.另一种终止foreach循环可以使用try...catch