技術標籤：webjavascript

Web基本筆記~10.流程控制

上一期

分支語句

順序結構的程式雖然能解決計算、輸出等問題，但不能做判斷再選擇。對於要先做判斷再選擇的問題就要使用分支結構。分支結構的執行是依據一定的條件選擇執行路徑，而不是嚴格按照語句出現的物理順序。分支結構的程式設計方法的關鍵在於構造合適的分支條件和分析程式流程，根據不同的程式流程選擇適當的分支語句。

if else案例

例題 : 小明考了75分,學校規定60分或60分以上算及格。請編寫一個程式對小明的分數經過判斷後得出結論。

  //小明的分數
  var score = 75;
  //進行判斷
  if(score >=
 
 60 ){
   console.log("及格!");
  }else{
   console.log("不及格!");
  }

if else else if 案例

例題 : 老師要對班級同學們的成績進行評優, 低於60分為不及格, 60 ~ 70 為及格,70 ~ 90為良好, 90以上為優秀。請編寫程式判斷。

  //小明的分數
  var score = 61;
  if(score > 90){
   console.log("優秀!");
}
else if(score > 70){
	console.log("良好"
 
);
}
else if(score > 60){
	console.log("及格");
}else{
	console.log("不及格!");
}

= = 和 = = =

JavaScript中 = = 只要內容相同結果就是true,= = = 則必須要內容和型別同時相同

  var str = 123;
  var str2 = "123";
  console.log(str == str2);	//true
  console.log(str === str2);	//false

&& 和 | |

&& 表示邏輯與,也就是必須兩邊都為真才能為真。 | | 表示邏輯或,也就是兩邊只要有一邊為真結果就是真

switch條件語句

switch語句和if語句表達的含義基本相同。其實switch語句很像if else if else結構。

var score = 90;
switch(score){
	case 90 : console.log("優秀"); break;
	case 70 : console.log("良好"); break;
	case 60 : console.log("及格"); break;
	default : console.log("不及格");
}

迴圈語句

while迴圈

案例 : 輸出0 ~ 9

var i = 0;
// i < 10 的意思就是說只要 i 的值小於10就一直迴圈,直到 i 不再小於10了就不再迴圈
while(i < 10){
	console.log(i);
	i = i + 1;
}

do while 迴圈

其實和剛剛的where迴圈很像,只是表示式換了地方而已,還有一個區別就是do where迴圈是先執行後判斷,所以無論如何最少會執行一次

//等同於剛剛的寫法
var i = 0;
// i < 10 的意思就是說只要 i 的值小於10就一直迴圈,直到 i 不再小於10了就不再迴圈
do{
	console.log(i);
	i = i + 1;
}while(i < 10);

for 迴圈

for迴圈的表達方式和剛剛的where不太一樣

//這句話通俗的意思是 i 從 0 開始執行,直到i不再<10為止。每次迴圈完一次i都自增一次
//可以暫時先這麼理解
for(var i = 0; i < 10; i++){
	console.log(i);
}

習題案例 : 使用迴圈列印九九乘法表

for迴圈實現

for(var i = 1; i < 10; i++){
	for(var j = 9; j > 0; j--){
		var res = i * j;
		document.write(i , " * " , j , " = " , res , "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
	}
	document.write('<br/>');
}

where迴圈實現

//等同剛才
   var i = 1;
   while(i < 10){
	   var j = 9;
	   while(j > 0){
		   var res = i * j;
		   document.write(i , " * " , j , " = " , res , "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
		   j--;
	   }
	   document.write('<br/>');
	   i++;
   }

do where實現

  var i = 1;
  do{
	   var j = 9;
	   do{
		   var res = i * j;
		   document.write(i , " * " , j , " = " , res , "     ");
		   j--;
	   }while(j > 0);
	   document.write('<br/>');
	   i++;
   }while(i < 10);

水仙花數案例

水仙花數（Narcissistic number）也被稱為超完全數字不變數（pluperfect digital invariant, PPDI）、自戀數、自冪數、阿姆斯壯數或阿姆斯特朗數（Armstrong number），水仙花數是指一個 3 位數，它的每個位上的數字的 3次冪之和等於它本身（例如：1^3 + 5^3+ 3^3 = 153）。

for(var i = 100; i < 1000; i++){
	//注意這裡要記得轉換成整形,別弄出個浮點數出來
	var a = parseInt(i/100);/*分解出百位*/ 
	var b = parseInt((i/10)%10);/*分解出十位*/ 
	var c = i%10;/*分解出個位*/ 
	//判斷
	if((a * a * a + b * b * b + c * c * c) == i){
		//得出結果
		console.log(i);
	}
}