這篇文章主要講解了“javascript中有幾種程序結(jié)構(gòu)”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“javascript中有幾種程序結(jié)構(gòu)”吧！

成都創(chuàng)新互聯(lián)是一家專注于網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作與策劃設(shè)計(jì),沈北新網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:沈北新等地區(qū)。沈北新做網(wǎng)站價(jià)格咨詢:18982081108

javascript中程序結(jié)構(gòu)有：1、順序結(jié)構(gòu)，從頭到尾一句接著一句的執(zhí)行下來；2、分支結(jié)構(gòu)，到某個節(jié)點(diǎn)后，會根據(jù)一次判斷的結(jié)果來決定之后向哪一個分支方向執(zhí)行；3、循環(huán)結(jié)構(gòu)。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦

JavaScript程序結(jié)構(gòu)

程序的執(zhí)行順序，分為順序結(jié)構(gòu)、分支結(jié)構(gòu)、循環(huán)結(jié)構(gòu)三種

一、順序結(jié)構(gòu)

程序默認(rèn)的結(jié)構(gòu)，從頭到尾一句接著一句的執(zhí)行下來

二、分支結(jié)構(gòu)（選擇結(jié)構(gòu)）

到某個節(jié)點(diǎn)后，會根據(jù)一次判斷的結(jié)果來決定之后向哪一個分支方向執(zhí)行

分支結(jié)構(gòu)的特點(diǎn)：在同一個分支結(jié)構(gòu)中只會執(zhí)行一個分支

（1）if

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

執(zhí)行規(guī)則： 若條件成立在，則執(zhí)行if語句對應(yīng)的代碼塊

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

在同一個分支結(jié)構(gòu)中只會執(zhí)行一個分支，因?yàn)閮蓚€if條件是獨(dú)立的，所以都會輸出

var a = 5;
       if (a > 3) {
           console.log(1);//1
       }
       if (a > 0) {
           console.log(2);//2
       }

2.if…else

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

執(zhí)行規(guī)則：若if條件成立，則執(zhí)行if語句對應(yīng)的代碼塊，若不成立，則執(zhí)行else中的代碼塊

var age = 15;
    if (age >= 18) {
   		alert("你已經(jīng)成年");
   }else{
   		alert("你還沒有成年");//你還沒有成年
    }

3.多分支語句

if(條件1){
	代碼塊1；
}else if(條件2){
	代碼塊2;
}
...
else if(條件n){
	代碼塊n;
}else{
	代碼塊m;
}

執(zhí)行規(guī)則：滿足條件n，執(zhí)行條件n對應(yīng)的代碼塊,僅會執(zhí)行一個分支

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('請輸入正確的年齡');
        }

【相關(guān)推薦：javascript學(xué)習(xí)教程】

4.switch結(jié)構(gòu)

switch…case是一個全等比較

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

執(zhí)行規(guī)則：表達(dá)式分別于case后面的值做比較,判斷二者是否相等，若相等，則執(zhí)行對應(yīng)的代碼塊。若上面的case與表達(dá)式均不相等，則執(zhí)行default中 的內(nèi)容

switch穿透的問題

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

三、循環(huán)結(jié)構(gòu)

循環(huán)結(jié)構(gòu)有一個循環(huán)體，循環(huán)體里是一段代碼。對于循環(huán)結(jié)構(gòu)來說，關(guān)鍵在于根據(jù)判斷的結(jié)果，來決定循環(huán)體執(zhí)行多少次；

1.for

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

執(zhí)行的規(guī)則

• 第一步：循環(huán)變量初始化  var i=0;

• 第二步：循環(huán)條件判斷    i<5

  判斷成立        執(zhí)行循環(huán)體

  判斷不成立      結(jié)束循環(huán)

• 第三步：循環(huán)迭代        i++

• 第四步：  回到第二步

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

2.while

執(zhí)行規(guī)則：若條件成立，則執(zhí)行循環(huán)體

while(條件){
		循環(huán)體;
	}

計(jì)算一張紙折疊多少次，厚度超過珠穆拉瑪峰

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

3.do…while
while和do…whiel的區(qū)別：while循環(huán)會先判斷，再執(zhí)行，do…while先執(zhí)行再判斷，無論條件真假，都會先執(zhí)行一次

do{
	循環(huán)體;
 }while(條件);

 var a = 0;
        do {
            console.log(1);//1
        } while (a > 0);


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

4.for…in

常用于遍歷對象和數(shù)組

數(shù)組
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的區(qū)別

break; 結(jié)束循環(huán),離自己最近的一個循環(huán)

continue; 結(jié)束本次循環(huán)，繼續(xù)下一次循環(huán)，離自己最近的一個循環(huán)

 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.循環(huán)的嵌套

外層循環(huán)執(zhí)行一次，內(nèi)層循環(huán)執(zhí)行一遍

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

感謝各位的閱讀，以上就是“javascript中有幾種程序結(jié)構(gòu)”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對javascript中有幾種程序結(jié)構(gòu)這一問題有了更深刻的體會，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！