溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

javascript中有幾種程序結構

發布時間:2021-06-15 17:35:04 來源:億速云 閱讀:185 作者:chen 欄目:web開發

這篇文章主要講解了“javascript中有幾種程序結構”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“javascript中有幾種程序結構”吧!

javascript中程序結構有:1、順序結構,從頭到尾一句接著一句的執行下來;2、分支結構,到某個節點后,會根據一次判斷的結果來決定之后向哪一個分支方向執行;3、循環結構。

本教程操作環境:windows7系統、javascript1.8.5版、Dell G3電腦

JavaScript程序結構

程序的執行順序,分為順序結構、分支結構、循環結構三種

一、順序結構

程序默認的結構,從頭到尾一句接著一句的執行下來

二、分支結構(選擇結構)

到某個節點后,會根據一次判斷的結果來決定之后向哪一個分支方向執行

分支結構的特點:在同一個分支結構中只會執行一個分支

(1)if
if(條件){
代碼塊1;
}

執行規則: 若條件成立在,則執行if語句對應的代碼塊

var age = 26;
    if (age >= 18) {
   		alert("你已經成年");//你已經成年
    }

在同一個分支結構中只會執行一個分支,因為兩個if條件是獨立的,所以都會輸出

var a = 5;
       if (a > 3) {
           console.log(1);//1
       }
       if (a > 0) {
           console.log(2);//2
       }
2.if…else
if(條件){
	代碼塊1;
}else{
	代碼塊2;
}

執行規則:若if條件成立,則執行if語句對應的代碼塊,若不成立,則執行else中的代碼塊

var age = 15;
    if (age >= 18) {
   		alert("你已經成年");
   }else{
   		alert("你還沒有成年");//你還沒有成年
    }
3.多分支語句
if(條件1){
	代碼塊1;
}else if(條件2){
	代碼塊2;
}
...
else if(條件n){
	代碼塊n;
}else{
	代碼塊m;
}

執行規則:滿足條件n,執行條件n對應的代碼塊,僅會執行一個分支

var age = prompt('請輸入年齡:');
        if (age < 18) {
            console.log('未成年');
        } else if (age >= 18 && age <= 30) {
            console.log('青年');
        } else if (age > 30 && age <= 60) {
            console.log('中年');
        } else if (age > 60) {
            console.log('老人')
        } else {
            console.log('請輸入正確的年齡');
        }

【相關推薦:javascript學習教程

4.switch結構

switch…case是一個全等比較

switch(表達式){
       case 值:
			代碼塊;
 			break;
		case 值2:
			代碼塊;
			break;
		...
		default:
			代碼塊;
			break
	}

執行規則:表達式分別于case后面的值做比較,判斷二者是否相等,若相等,則執行對應的代碼塊。若上面的case與表達式均不相等,則執行default中 的內容

<script>
        var a = 10;
        var b = 20;
        var c = '/';
        var result;
        switch (c) {
            case "+":
                result = a + b;
                break;
            case "-":
                result = a - b;
                break;
            case "*":
                result = a * b;
                break;
            case "/":
                result = a / b;
                break;
            default:
                result = a + b;
                break;
        }
        console.log(result);
    </script>

switch穿透的問題

 60分以上的及格,其他的留級        
 switch (score) {
            case 6:
            case 7:
            case 8:
            case 9:
            case 10:
                console.log('及格');
                break;
            default:
                console.log('留級');
                break;
        }

三、循環結構

循環結構有一個循環體,循環體里是一段代碼。對于循環結構來說,關鍵在于根據判斷的結果,來決定循環體執行多少次;

1.for

for(循環變量初始化;循環判斷;循環迭代){
	循環體;
}

執行的規則

  • 第一步:循環變量初始化  var i=0;

  • 第二步:循環條件判斷    i<5

    判斷成立        執行循環體

    判斷不成立      結束循環

  • 第三步:循環迭代        i++

  • 第四步:  回到第二步

  for (var i = 0; i < 5; i++) {
            console.log(i);//0 1 2 3 4
        }

2.while

執行規則:若條件成立,則執行循環體

while(條件){
		循環體;
	}

計算一張紙折疊多少次,厚度超過珠穆拉瑪峰

var total = 8848000;
        var h = 1;//紙厚度
        var count=0;
        while (h <= total) {            
            h*=2;
            count++;//次數遞增
        }
        console.log('折疊了'+count+'次數');
        console.log(h);

3.do…while
while和do…whiel的區別:while循環會先判斷,再執行,do…while先執行再判斷,無論條件真假,都會先執行一次

do{
	循環體;
 }while(條件);
 var a = 0;
        do {
            console.log(1);//1
        } while (a > 0);


        while (a > 0) {
            console.log(1);//無輸出
            a++;
        }

4.for…in

常用于遍歷對象和數組

數組
var arr = [10, 20, 30, 40];
for(var i in arr){
         console.log(i);
         console.log(arr[i]);
      }
對象
 var obj = {
            name: 'jack',
            age: '20',
            addr: "北京路"
        };
        for (var i in obj) {
            console.log(i);
            console.log(i,obj[i]);
        }

5.break和continue的區別

break; 結束循環,離自己最近的一個循環

continue; 結束本次循環,繼續下一次循環,離自己最近的一個循環

 for(var i=0;i<5;i++){
            if(i==2){
                break;
            }
            console.log(i);
        }
        var sum = 0;//需要有初值,否則會NaN
            if (i % 2 != 0) {
                continue;
            }
            sum += i;// sum =sum+0
        }

6.循環的嵌套

外層循環執行一次,內層循環執行一遍

 for (var j = 0; j < 4; j++) {
            //輸出一行*
            for (var i = 0; i < 5; i++) {
                document.write('*');
            }
            //換行
            document.write("<br>");
        };

感謝各位的閱讀,以上就是“javascript中有幾種程序結構”的內容了,經過本文的學習后,相信大家對javascript中有幾種程序結構這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女