js跳出循环

701 阅读2分钟

想必大家都遇到过循环遍历时遇到满足条件的时候就跳出循环这样的需求,于是整理了一篇各种循环是如何结束的。

1.跳出for循环

break 跳出所有循环

for(var i=1;i<=7;i++) { 
    if(i==5) {  //等于5跳出
        break; 
    } 
  console.log(i) 
}

continue 跳出当前循环,进行下一个循环

for(var i=1;i<=7;i++) { 
    if(i==5) {  //等于5跳出
        continue; 
    } 
  console.log(i) 
}

2.跳出 for in 循环(使用break)

let arr = [1,2,3,4,5];
for (let i in  arr){
	if(i > 3) {
		break
	}
	console.log(arr[i]) //1 2 3 4
}

3.ES6中 for of 跳出循环(使用break)

let arr = [1,2,3,4,5];
for (val of arr) {
    if(val > 3 ){
	break;
    }
    console.log("val===>",val) //1 23
}

4.every 当内部return false时跳出整个循环。

every虽然通过return false 可以跳出循环,但是循环里面你还是要写return true 让他持续循环 不然就只执行一次。

//every()当内部return false时跳出整个循环
let list = [1, 2, 3, 4, 5];
list.every((value, index) => {
    if(value > 3){
        console.log(value)
        return false; 
    }else{
        console.log(value)
        return true; //如果你不写这一行 她也会跳出的 就是上面说的  return true  为了让他进入下一次循环
    }

});

5. some 当内部return true时跳出整个循环

在some内部 return true 是跳出整个循环 , 如果return false 是跳出本次循环,和上面for break和continue方法相似。

let list3 = [1, 2, 3, 4, 5];
list3.some((value, index) => {
     if(value === 3){
        return true;//当内部return true时跳出整个循环
     }
     console.log(value)// 1 2
});

6.使用try catch 跳出forEach循环

如果想跳出forEach只能通过 throw err 才可以~当然这个是使程序中断-算跳出,严格意义上说 map forEach 他们本身属于迭代行为 就不支持跳出的。

try {
    var array = [1,2,3,4,5];
    // 执行到第3次,结束循环
    array.forEach((value)=>{
	 console.log("value---->",value);
	   if(value > 3){
		 throw new Error("抛出异常跳出")
		}
	});
} catch(e) {
    console.log(e)
};


都是一些鸡肋的东西,但是用到的时候就想不起来了,所以整理一下供大家查看。