首頁 > web前端 > js教程 > 主體

javascript如何進行流程控制(附程式碼)

不言
發布: 2018-08-14 17:30:31
原創
1160 人瀏覽過

這篇文章帶給大家的內容是關於javascript如何進行流程控制(附程式碼),有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

流程控制: 指的是控製程式碼的執行順序:
1、順序流程控制:編譯器預設
2、選擇流程控制:if、switch
3、循環流程控制:for,while,do…while

順序流程:程式碼依照排版從上往下依序執行, 排版先後執行程式碼

選擇流程控制(分支結構): 有選擇性的執行程式碼: 語法規則:
if(條件) {   //條件的結果必須是布林值
程式碼片段
}
if()裡面結果為真,就執行{}裡面的程式碼, 如果結果為假,就不執行,而執行大括號後面的程式碼

            if(yushu == 0) {
                document.write(shu+"/ 2 结果为:" + jieguo);
            }            if(yushu != 0 ) {
                document.write("不能被整除");
            }
登入後複製

多個if寫起來程式碼複雜度很大,所以提供另外一種雙重選擇的語法:

        if(条件) {

        }else {

        }
登入後複製

如果if條件為真,則執行第一個大括號內容,否則執行else後面大括號內容。

在實際開發過程當中,由於條件可能還會超過2個,所以需要使用另外一種多選擇語法,

                        if(条件1) {                            //代码块1
                        } else if(条件2) {                            //代码块2

            }else if(条件3) {                //代码块3
            }.....{

            }else {                //代码N
            }var gongzi = 15000;            
            if(gongzi <= 3500) {                
            document.write("不交税!");
            } else if(3500< gongzi && gongzi <= 5000){                
            var shui = (gongzi - 3500) * 0.03;                
            document.write("应该要交税:" + shui);
            } else if(5000< gongzi && gongzi <= 8000){                
            var shui1 = 1500 * 0.03;                
            var shui2 = (gongzi - 5000) * 0.1;                
            document.write("应该要交税:" + (shui1 + shui2));
            } else if(8000< gongzi && gongzi <= 12500){                
            var shui1 = 1500 * 0.03;                
            var shui2 = 3000 * 0.1;                
            var shui3 = (gongzi - 8000) * 0.2;                
            document.write("应该要交税:" + (shui1 + shui2 + shui3));

            } else if(12500< gongzi && gongzi <= 38500){                
            var shui1 = 1500 * 0.03;                
            var shui2 = 3000 * 0.1;                
            var shui3 = 4500 * 0.2;                
            var shui4 = (gongzi - 12500) * 0.25;                
            document.write("应该要交税:" + (shui1 + shui2 + shui3 + shui4));

            }else {                
            document.write("数字错误!");
            }
登入後複製

另外一種多分支的體現: switch

            switch(变量名) {                
            case 值1:
                    代码块;                    
                    break;                
                    case 值2:
                    代码块;                    
                    break;                
                    default:
                    代码块;                    
                    break;
            }var  shuzi = 3;            
            switch(shuzi) {                
            case 1:                    
            document.write("星期一");                    
            break;                
            case 2:                    
            document.write("星期二");                    
            break;                
            case 3:                    
            document.write("星期三");                    
            break; //结束,后面就不判断了                
            case 4:                    
            document.write("星期四");                    
            break;                
            case 5:                    
            document.write("星期五");                    
            break;                
            case 6:                    
            document.write("星期六");                    
            break;                
            case 7:                    
            document.write("星期天");                    
            break;                
            default:                    
            document.write("数字错误!");                    
            break;

            }
登入後複製

循環流程控制:循環就是重複執行某一段程式碼,

    for(定义表达式; 判断表达式; 步长表达式) {
                代码块
            }
登入後複製

相關推薦:

整理Javascript流程控制語句學習筆記_javascript技巧

#詳解JavaScript的流程控制語句_javascript技巧

#java 學習筆記(入門篇)_程式流程控制結構與方法

以上是javascript如何進行流程控制(附程式碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板