首页 > 编程语言 >JavaScript条件语句

JavaScript条件语句

时间:2023-01-03 20:45:01浏览次数:34  
标签:语句 ... 迭代 JavaScript break continue 条件

JavaScript条件语句之break

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>JavaScript break 语句啊</title>
 6     </head>
 7     <body>
 8         <p>
 9             break 语句跳出循环
10             break 语句跳出循环后还会执行后面的代码块
11         </p>
12         <p>点击下面的按钮,测试break语句</p>
13         <button onclick="myFunction()">点击这里</button>
14         <p id="demo"></p>
15         <script>
16             function myFunction(){
17                 //定义两个变量
18                 var x="",i=0;
19                 for (i=0;i<10;i++){
20                     //如果i=3时,跳出循环
21                     if (i==3){
22                         break;
23                     }
24                     //也可以这样写
25                     // if (i==3) break;
26                     x=x+"该数字是"+i+"<br>";
27                 }
28             document.getElementById("demo").innerHTML=x
29             }
30         </script>
31         
32     </body>
33 </html>

JavaScript条件语句之for...continue语句

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>JavaScript continue 语句啊</title>
 6     </head>
 7     <body>
 8         <p>JavaScript continue语句</p>
 9         <p>
10             continue 语句中断当前循环中的迭代,然后进入下一个迭代
11         </p>
12         <button onclick="myFunction()">点击这里执行continue语句</button>
13         <p id="demo"></p>
14         <script>
15             function myFunction(){
16                 //先定义两个变量
17                 var x="",i=0;
18                 for (i=0;i<10;i++){
19                     //当i=3时,跳出该迭代,执行下一个循环
20                     if (i==3) continue;
21                     x = x+"该数字是"+i+"<br>"
22                 }
23             document.getElementById("demo").innerHTML=x
24             }
25         </script>
26     </body>
27 </html>

 JavaScript条件语句之while...continue

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>JavaScript while...continue 语句啊</title>
 6     </head>
 7     <body>
 8         <p>continue 语句中断当前循环中的迭代,然后进入下一个迭代</p>
 9         <button onclick="myFunction()">点击这里执行while...continue语句</button>
10         <p id="demo"></p>
11         <script>
12             function myFunction(){
13                 //定义两个变量
14                 var x="", i=0
15                 while (i < 10){
16                     //i自增
17                     i++
18                     //当i=3时,跳出迭代
19                     if (i == 3) continue;
20                     x = x+"该数字是"+i+"<br>"
21                 }
22             document.getElementById("demo").innerHTML=x
23             }
24         </script>
25     </body>
26 </html>

 

标签:语句,...,迭代,JavaScript,break,continue,条件
From: https://www.cnblogs.com/wenzm/p/17023280.html

相关文章