js基礎知識之_流程控制語句

javascript 流程控制

　　流程控制：就是程序代碼執行順序

　　流程控制：通過規定的語句讓程序代碼有條件的按照一定的方式執行

　　

順序結構

　　按照書寫順序來執行，是程序中最基本的流程結構

選擇結構（分支結構，條件結構）

　　根據給定的條件有選擇的執行相應的語句

　　　　單路分支

　　　　　　條件可以是表達式也可以是任何的數據類型

　　　　　　大括號會把里面的代碼當作一個整體運行，如果只有一條語句，可以省略大括號

　　　　　　if(條件)

　　　　　　{

　　　　　　　　條件成立執行的語句

　　　　　　}

　　　　雙路分支

　　　　　　if（條件）{

　　　　　　　　條件成立的時候執行的代碼

　　　　　　}else{

　　　　　　　　條件不成立的時候執行的代碼

　　　　　　}

　　　　 

　　　　多分支例子

　　　　　　//多分支
　　　　　　var grade = prompt('請輸入你的成績：');

　　　　　　if (grade > 90) {
　　　　　　　　document.write('學神');
　　　　　　} else if (grade > 80) {
　　　　　　　　document.write('學霸');
　　　　　　} else if (grade > 70) {
　　　　　　　　document.write('學牛');
　　　　　　} else if (grade >= 60) {
　　　　　　　　document.write('學痞');
　　　　　　} else if (grade > 50) {
　　　　　　　　document.write('學渣渣');
　　　　　　} else {
　　　　　　　　document.write('首富坯子');
　　　　　　}

 

　　　　嵌套分支

　　　　　　if(){

　　　　　　　　if(){

　　　　　　　　　　}

　　　　　　}

 

　　　　

//prompt接收到的結果都是字符串形式的數據
var num = prompt('請重新輸入');
//默認如果一個條件判斷成立了，那么后面的都不在判斷直接執行
switch (num) {
　　case '1':
　　　　document.write('蘋果6');
　　　　break;
　　case '2':
　　　　document.write('6個蘋果');
　　　　break;
　　case '3':
　　　　document.Write('法拉利');
　　　　break;
　　case '4':
　　　　document.write('拉法拉利');
　　　　break;
　　default:
　　　　document.write('請重新輸入');
}

 

　　　　　

循環結構----

　　在給定的條件滿足的情況下，反復的執行同一段代碼

 

 

難點for循環

for循環語句結構

for(定義計數器;成立條件;計數器變化){
循環體語句

}

電腦運行會消耗內存資源

雙層for循環

js隔行變色表格處理，，，，，，

注意在js字符串中不能用回車換行

　　隔行變色，調用樣式，只是思維練習

 
<style type="text/css">
        .hd{
            color:white;
            background:green;
        }
    </style>

    <script type="text/javascript">


        document.write('<table border="1">');
        //i控制行
        //j控制列 
        //提出行列的變量
        var rows = prompt('請輸入行數');//控制行
        var clos = prompt('請輸入列數');//控制列

        for ( var i = 1; i <= rows; i++ ) {
            //這時通過判斷奇數，偶數就可以實現隔行變色
            if ( i%2!=0 ) {
                document.write( '<tr class="hd">' );
            } else {
                document.write( '<tr>' );
            }
            
            for (var j = 1; j <= clos; j++) {
                document.write('<td>'+i+'格子'+j+'</td>');
            }
            
            document.write('</tr>');
        }
            
        document.write('</table>');

    </script>

　　

 

while循環     循環是先判斷后執行

 do while 循環  　是先執行一次再判斷

//while循環,不是固定套路
var age=18;
while ( age <= 50 ) {
document.write( age + '沒經驗！<br/>' );
age++;
}

 

break，continue;區別

　　continue//跳出本次循環，直接進入下次循環　

　　break//結束掉整個循環

 

continue

 var age = 18;
            while ( age <= 50 ) {
                if ( age == 25 ) {
                    age++;
                    continue;//跳出本次循環，直接進入下次循環

                }
                document.write( age + '沒經驗！<br/>' );
                age++;
            }　

　

 

break//結束掉整個循環

  var age=18;
            while ( age <= 50 ) {
                if ( age == 25 ) {
                    break;//退出整個循環
                }
                document.write( age + '沒經驗！<br/>' );
                age++;
            }

　　

 do while 循環---先執行一次再判斷

var age = 58;
            do {
                document.write( age + '能領錢！<br/>' );
                age++;
            
            } while(age<=50);