在循环中使用break、continue、return的区别

在循环中使用return、break、continue的区别

break

立即退出循环或者switch语句，在其他地方使用会导致错误。

示例：

function fun(){
  for(var i=1;i<=10;i++){ 
    if(i==6){
	  break;
	}
    console.log(i);
  }
  console.log('哈哈哈')
}
fun();

输出结果：  // 当i=6的时候，直接退出for这个循环。这个循环将不再被执行！
1
2
3
4
5
哈哈哈

continue

只退出当前循环，还允许下一次循环，continue语句只能用在while语句、do/while语句、for语句、或者for/in语句的循环体内，在其它地方使用都会引起错误！

示例：

function fun(){
  for(var i=1;i<=10;i++){ 
    if(i==6){
	  continue;
	}
    console.log(i);
  }
  console.log('哈哈哈')
}
fun();

输出结果：  // 当i=6的时候，直接跳出本次for循环。下次继续执行。
1
2
3
4
5
7
8
9
10
哈哈哈

return

函数执行return语句后立即停止代码，return语句后的代码不会被执行。return语句应用范围只能出现在函数体内，出现在代码中的其他任何地方都会造成语法错误！

示例：

function fun(){
  for(var i=1;i<=10;i++){ 
    if(i==6){
	  return;
	}
    console.log(i);
  }
  console.log('哈哈哈')
}
fun();

输出结果：  // 当i=6的时候，直接结束函数，不会继续执行。
1
2
3
4
5

备注：
forEach 使用return只是跳出了当前的循环， 使用break报语法错误，因为forEach 无法在所有元素都传递给调用的函数之前终止遍历，所以，需要退出循环的时候，使用普通的for循环或者try/catch（不建议，会发生捕捉不到错误的情况）