从多个方面详解JS退出for循环

一、JS退出for循环语句

在JS中，退出for循环语句有两种方式：

1、使用break语句

for(let i = 0; i < 10; i++){
   if(i === 5){
      break;
   }
   console.log(i);
}
//输出结果：0 1 2 3 4

在上面的代码中，当i的值等于5时，使用break语句跳出循环。

2、使用return语句

function test(){
   for(let i = 0; i < 10; i++){
      console.log(i);
      if(i === 5){
         return;
      }
   }
}
test();
//输出结果：0 1 2 3 4 5

在上面的代码中，当i的值等于5时，使用return语句跳出循环并退出函数。

二、JS如何退出for循环

JS使用break和return语句可以退出for循环。

break语句可以结束当前循环语句，转而执行当前循环语句后的语句。

return语句可以退出当前函数，结束函数的执行，并返回一个值给函数调用者。

三、退出for循环

在循环体内判断条件，符合条件使用break语句退出循环。

let arr = [1, 2, 3, 4, 5];
for(let i = 0; i < arr.length; i++){
   if(arr[i] === 3){
      console.log('找到了3');
      break;
   }
}
//输出结果：找到了3

在上面的代码中，当数组中出现3时，使用break语句跳出循环，输出找到了3。

四、VB退出for循环

在VB中，使用Exit For语句退出for循环。

Dim arr(4)
arr = Array(1, 2, 3, 4, 5)
For i = 0 To 4
   If arr(i) = 3 Then
      MsgBox "找到了3"
      Exit For
   End If
Next

在上面的代码中，当数组中出现3时，使用Exit For语句跳出循环，弹出消息框找到了3。

五、JS跳出for循环

JS使用continue语句可以跳过本次循环，直接进入下一次循环，不会退出循环。

let arr = [1, 2, 3, 4, 5];
for(let i = 0; i < arr.length; i++){
   if(arr[i] === 3){
      continue;
   }
   console.log(arr[i]);
}
//输出结果：1 2 4 5

在上面的代码中，当数组中出现3时，使用continue语句跳过本次循环，直接进入下一次循环。

六、JS退出while循环

在JS中，退出while循环有两种方式，一种是使用break语句，一种是使用return语句。

1、使用break语句

let i = 0;
while(i < 10){
   console.log(i);
   if(i === 5){
      break;
   }
   i++;
}
//输出结果：0 1 2 3 4 5

在上面的代码中，当i的值等于5时，使用break语句跳出循环。

2、使用return语句

function test(){
   let i = 0;
   while(i < 10){
      console.log(i);
      if(i === 5){
         return;
      }
      i++;
   }
}
test();
//输出结果：0 1 2 3 4 5

在上面的代码中，当i的值等于5时，使用return语句跳出循环并退出函数。

七、JS forEach退出循环

在JS中，可以使用forEach方法遍历数组，但是无法使用break语句跳出循环，需要使用return语句跳出循环。

let arr = [1, 2, 3, 4, 5];
arr.forEach(function(item){
   console.log(item);
   if(item === 3){
      return;
   }
});
//输出结果：1 2 3

在上面的代码中，当数组中出现3时，使用return语句跳出循环，只输出前三个元素。

八、JS退出循环并退出函数

在JS中，使用return语句可以退出循环并退出函数。

function test(){
   for(let i = 0; i < 10; i++){
      console.log(i);
      if(i === 5){
         return;
      }
   }
   console.log('不会执行');
}
test();
//输出结果：0 1 2 3 4 5

在上面的代码中，当i的值等于5时，使用return语句跳出循环并退出函数，不会执行后面的代码。

九、JS退出循环

JS使用break和return语句可以退出循环。

break语句可以结束当前循环语句，转而执行当前循环语句后的语句。

return语句可以退出当前函数，结束函数的执行，并返回一个值给函数调用者。

完整示例代码：

//使用break语句退出for循环
for(let i = 0; i < 10; i++){
   if(i === 5){
      break;
   }
   console.log(i);
}

//使用return语句退出for循环
function test(){
   for(let i = 0; i < 10; i++){
      console.log(i);
      if(i === 5){
         return;
      }
   }
}
test();

//在循环体内判断条件，符合条件使用break语句退出循环
let arr = [1, 2, 3, 4, 5];
for(let i = 0; i < arr.length; i++){
   if(arr[i] === 3){
      console.log('找到了3');
      break;
   }
}

//使用Exit For语句退出for循环
Dim arr(4)
arr = Array(1, 2, 3, 4, 5)
For i = 0 To 4
   If arr(i) = 3 Then
      MsgBox "找到了3"
      Exit For
   End If
Next

//使用continue语句跳出for循环
let arr = [1, 2, 3, 4, 5];
for(let i = 0; i < arr.length; i++){
   if(arr[i] === 3){
      continue;
   }
   console.log(arr[i]);
}

//使用break语句退出while循环
let i = 0;
while(i < 10){
   console.log(i);
   if(i === 5){
      break;
   }
   i++;
}

//使用return语句退出while循环
function test(){
   let i = 0;
   while(i < 10){
      console.log(i);
      if(i === 5){
         return;
      }
      i++;
   }
}
test();

//使用return语句跳出forEach循环
let arr = [1, 2, 3, 4, 5];
arr.forEach(function(item){
   console.log(item);
   if(item === 3){
      return;
   }
});

//使用return语句退出循环并退出函数
function test(){
   for(let i = 0; i < 10; i++){
      console.log(i);
      if(i === 5){
         return;
      }
   }
   console.log('不会执行');
}
test();