for循环中break与continue的区别——break-完全结束循环 ＆ continue-终止本次循环

for循环中break与continue的区别——break-完全结束循环 & continue-终止本次循环

在for循环中break与continue的区别如下：

break用于完全结束一个循环，跳出循环体执行循环后面的语句；而continue是跳过当次循环中剩下的语句，执行下一次循环。简单点说就是break完全结束循环，continue终止本次循环。

1、continue-终止本次循环

for (let i = 1; i < 5; i++) {
     
    if (i === 2) {
     
        continue; 
    } 
    console.log(i)  // 1 3 4
}

2、break-完全结束循环

for (let i = 1; i < 5; i++) {
     
    if (i === 2) {
     
        break; 
    } 
    console.log(i)  // 1
}

实例

var methodInfoList = [
    {
    value:'小明',id:3},
    {
    value:'小红',id:4},
    {
    value:'小强',id:2},
]
var sign
for(var i=0, len = methodInfoList.length ; i< len ; i++){
    
    if(methodInfoList[i].value == '小红') {
    
        sign = 3
        console.log(798);
        break;
    }
    console.log(123,sign);
    if(methodInfoList[i].value == '小强') {
    
        console.log(852,sign);
        break;
    }
}

打印显示顺序

123 undefined
798

3、不同循环的比较

js中for循环有多种实现方式，其中forEach的方式是不兼容break语法的。

3.1、使用传统的for循环

这种方式支持continue，也支持break语法

for(var i=0, len = methodInfoList.length ; i< len ; i++){
    
  if(methodInfoList[i].value == null || methodInfoList[i].value == "") {
    
	this.msgError("检查方法不能输入空值");
	break;
  }
}

3.2、使用for-in循环

通过return true实现与这种方式不支持continue和break相同的功能即退出当前循环;
通过 return false实现与break相同的功能即退出整个循环

$.each(arr,function(index,oo){
    
    if(index == 2){
    
        return true;
    }
    if(index == 5){
    
        return false;
    }
})

3.3、使用forEach循环

这种方式不支持continue和break，也不支持return的方式;

如果需要跳出循环只能通过抛异常的方式实现

try {
    
 methodInfoList.forEach(element => {
    
	if (element.value == null || element.value == "") {
    
	  this.msgError("检查方法不能输入空值");
	  throw new Error("检查方法不能输入空值");
	}
 });
} catch(e){
    
 console.log(e.message);
}