[JavaScript]-4-js流程控制
引言
这篇文章介绍JavaScript中的流程控制。
文章目录
0×1.分支结构
* if...if else...else结构:
<script type="text/javascript"> var x=233,y="qingsword.com"; if (x==233) { console.log(x); } if (y==233) { console.log(233); } else if (y=="qingsword") { console.log("qingsword"); } else { console.log(y); } //输出结果: //233 //qingswrod.com </script>
* 三元运算符:
//三元运算符相当于if结构的一种“语法糖”形式 //语法结构如下,条件判断为真,返回:号左边的内容,反之返回:号右边的内容: // 条件判断?"真":"假" <script type="text/javascript"> var x=233; console.log(x==123?"Yes":"No"); //No </script>
* switch case结构:
//switch根据传入的条件(x)逐个匹配case后面的表达式 //如果匹配到与条件相同的表达式,就执行case下面的内容 //如果不使用break跳出switch,则会继续匹配下一个case //如果没有内容被匹配到默认会执行default下的内容 //本例虽然匹配到了"qingsword.com",但由于没有使用break跳出,所以会继续执行default下的内容 <script type="text/javascript"> var x="qingsword.com"; switch (x) { case 233: console.log(233); break; case "qingsword": console.log("qingsword"); break; case "qingsword.com": console.log(x); default: console.log("End"); break; } </script> //程序输出: qingsword.com End
0×2.循环结构
在Javascript中,有三种常用循环:while、do..while、for。
* while循环:
<script type="text/javascript"> var iSum=0,i=1; //当(i<=100)条件为真时循环 while (i<=100) { iSum+=i; i++; } console.log(iSum); //5050 </script>
* do...while循环:
//do..while循环的特点,不管条件是否成立,循环内语句都会被至少执行一次 <script type="text/javascript"> var iSum=0,i=1; do { iSum+=i; i++; } while (i<=100); console.log(i,iSum); //101 5050 </script>
* for循环:
for循环语法:
for (初始值1;条件判断2;自增3;) { 内部语法4; } //在执行时,for循环执行顺序为: 初始值1 条件判断2 内部语法4 自增3 条件判断2 内部语法4 自增3 条件判断2 内部语法4 自增3 .... End
//从1~100之间的偶数相加 <script type="text/javascript"> var iSum=0; for (var i=1;i<=100;i++) { if (i%2==0) {iSum+=i;} } console.log(iSum); //2550 </script>
* continue和break:
<script type="text/javascript"> var iNum=0; for (var i=1;i<=100;i++) { if (i%50==0) { console.log(i); //50 //1~100之间第一个能够整除50的数出现之后,跳出循环 break; } else if (i%2==0) { iNum+=i; continue; //跳到循环开始处继续循环 console.log(i); //这一句永远也不会执行 } } console.log(iNum); //600 </script>