全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货

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

发布时间:2023-11-24 23:23:45
发布人:xqq

一、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();

jsfor跳出循环

相关文章

Kettle定时任务配置用法介绍

Kettle定时任务配置用法介绍

2023-11-24
StreamReduce用法详解

StreamReduce用法详解

2023-11-24
ECharts柱状图间隔完全指南

ECharts柱状图间隔完全指南

2023-11-24
深入Matplotlib中文教程

深入Matplotlib中文教程

2023-11-24

最新文章

武汉新媒体行业公司排名

武汉新媒体行业公司排名

2023-11-01
武汉新媒体就业现状好吗

武汉新媒体就业现状好吗

2023-11-01
武汉全媒体行业发展现状及趋势

武汉全媒体行业发展现状及趋势

2023-10-31
武汉全媒体现状

武汉全媒体现状

2023-10-31