[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>