[19/05/27-星期一] JavaScript_ 條件語句(if語句)和循環語句(while 、for、do-while)

時間 2019-11-16

標籤星期一 javascript 條件語句循環欄目 JavaScript 简体版

原文原文鏈接

1、條件語句javascript

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>04 if語句的學習</title>
    </head>
    <!--js中的代碼塊在，只有分組的做用，沒有其餘做用
        不想Java或c代碼塊中變量只在代碼塊中有用，這裏是均可以做用 天生全局變量
    -->
    <script type="text/javascript">
        /*一、if語句的學習 一旦知足某個條件爲真,執行完成相關代碼塊的內容,就會結束if語句,不執行下邊的if語句
         * if(條件表達式爲真){
         *        執行這裏的語句,若是條件表達式爲假，不執行這裏的代碼
         * }
         * 
         * if(條件爲真){
         *     執行這裏的語句
         * }else{
         *     條件爲假，執行這裏的語句
         * }
         * 
         * if(條件語句1爲真){
         *     執行這裏的語句
         * }else if(條件語句2爲真){
         *     條件語句2爲真，執行這裏的語句，前提是條件語句1確定是假
         * }else{
         *     條件語句2爲假，執行這裏的語句
         * }
         */
        if(11>10){
            //console.log("你敲代碼好像蔡徐坤呀！");        
        }
        /*prompt()函數   英文意思：提詞，提示; 提示符;
         * 能夠彈出一個帶有文本框的提示框 讓用戶輸入的內容會做爲該函數的返回值返回,
         * 能夠定義一個變量去接收 
         * isNaN(goal) 判斷輸入的內容是否是個數字 如輸入字符串 isNaN就爲真
         * alert(height+","+money);這樣同時輸入2個變量
         * */
        
        var goal=prompt("小明的期末成績是：");
        if(goal>100 || goal<0 || isNaN(goal)){
            console.log("你秀你媽呢！");
        }else if(goal==100){
            console.log("牛逼");
        }else if(goal>=80 && goal<=99){/*goal<=99能夠省略*/
            console.log("還能夠");        
        }else if(goal>=60 && goal<80){
            console.log("繼續努力");
        }else {
            console.log("你敲代碼好像蔡徐坤呀！");        
        }
        /*條件分支語句 條件表達式和表達式一、2依次進行全等比較。比較爲真,則從當前位置開始往下執行.(沒有break)
         * 跟if-else 能夠相互代替
         *var s=97;  parseInt(s/10) 能夠完成取整操做 如計算成績段
         * switch(條件表達式){ 
            case 表達式1：語句1; break;
            case 表達式2：語句2; break;
            .....
            default: 語句; break;
        }
         */
        var n1="abc";
        switch(n1){
            case 1:console.log("壹"); break;
            case 2:console.log("貳"); break;
            case 3:console.log("叄"); break;
            default: console.log("非法數字"); 
        }
        
        var m=78;
        switch(true){ /*這種是js中獨有的，其它語言會報錯. 可是不建議 太麻煩*/
            case m>=60: 
                console.log("合格"); break;
            default:
                console.log("不合格"); break;
        }
    
    
    
        
    </script>
    <body>
        
    </body>
</html>

2、循環語句css

　　(1)while語句html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>05 while語句</title>
        <script type="text/javascript">
            /*一、 while語句：先判斷條件後執行。要避免死循環(內部測時 鼠標點注x 同時按enter 要快)
             * 初始化一個變量 如i；在循環中設置一個條件表達式 如i<5；定義一個更新表達式 如i++
             * while(條件表達式){
             *       表達式爲真，執行這裏的語句.執行完以後繼續判斷條件表達式，以此類推
             * }
             *二、do-while循環:先執行循環體後判斷條件
             *   do{
             *        語句;結束條件;
             *   }while(條件表達式)
             *三、for循環
             * for(初始化表達式;條件表達式;更新表達式){
                 * 語句1
             *       一、初始化變量
             *    二、執行條件表達式,判斷是否循環 如果真，則執行循環體，如果假，終止循環
             *    三、執行更新表達式,執行完後，重複第2步
             * }
             * for(;;){}是個死循環
             * */
            
            /*var i=0;
            while (i<5){
                console.log("i="+i);
                i++;
            }*/
            
            //99乘法表
             for (var i=1;i<=9;i++) {
                
                for (var j=1;j<=i;j++) {
                    var sum=i*j;
                    console.log(i+"*"+j+"="+sum);
                }
                document.write("<br>"); 
            }
            //打印7的倍數的個數及總和
            var sum=0, count=0;
            for(var i=1;i<=100;i++){
                if(i%7==0){
                    sum=sum+i;
                    count++;
                }
            }
            console.log("sum="+sum + "  count="+count);
            //打印水仙花數
            var i,j,k;
            for(var n=100;n<1000;n++){
                i=parseInt(n/100);//提取百位數
                j=parseInt(n%100/10);//提取十位數
                k=n%100%10;//提取個位數
                
                if(i*i*i+j*j*j+k*k*k==n){
                    console.log(n);
                }
            }
            //找出質數
            var n=prompt("請輸入一個大於1的整數：");
            if(n<=1){
                alert("該值不合法");
            }else{
                
                var flag=true;//默認這個數是質數(素數) 證實一我的健康很難，證實不健康很簡單
                for(var i=2;i<n;i++){
                    if(n%i==0){//能整除說明確定不是質數,千萬不要用n%i!=0 如 9除以2餘數不是0,但9不是質數
                        flag=false; break;
                    }
                }
                if (flag) {
                    console.log(n+"是質數");
                } else{
                    console.log(n+"不是質數");
                }
                
            }
            
            
            
        </script>
    </head>
    <body>
    </body>
</html>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>06 練習嵌套循環</title>
    </head>
    <script type="text/javascript">
        
    /*    for(var i=1;i<=5;i++){
            for (var j=1;j<=i;j++) {
                document.write("*");
            }
            document.write("<br />");
        }*/
        
        for(var i=1;i<=4;i++){
            for(var k=1;k<=(4-i);k++){
                document.write("&nbsp");
            }
            for(var j=1;j<=(2*i-1);j++){
                document.write("*");
            }
            document.write("<br />");
        }
        
        
    </script>
    
    
    <body>
    </body>
</html>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>for循環的練習</title>
        <script type="text/javascript">
        /* 一、打印99乘法表*/
        for(var i=1;i<=9;i++){
            for(var j=1;j<=i;j++){
                document.write("<span>"+i+"*"+j+"="+(i*j)+"</span>");
            }
            document.write("<br />");
        }
        /*二、打印1-100之間全部的質數*/
         var count=0;
         /*若是要結束指定的for循環 能夠加標籤
          * outer：(起的名字)
          * for(){
          *     for(){
          *     break outer; 結束指定的外層循環,不加的話結束離他最近的內層循環。
          *   }
          * }
          * 測試性能：console.time ("計時器的名字") 開始一個計數器
          * console.timeEnd("計數器的名字"); 結束一個計時器
          * */
         
        for (var n=2;n<=100;n++) {
            var flag=true;
            for(var i=2;i<=Math.sqrt(n);i++){/*開平方是爲了優化性能*/
                if(n%i==0){
                    flag=false;
                    break;/*結束離他最近的全部輪次的循環 (這裏指的內層) continue結束離他最近當前輪次的循環*/
                    
                }
            }
            if(flag==true){
                count++;
                console.log(n);
            }                        
        }
        console.log("共計："+count);
        
        </script>
        
        
    <style type="text/css">
        body{
            width: 2000px;/*寬度不夠，出一個水平方向的滾動條*/
        }
        span{
            display: inline-block;
            width: 80px;
            
        }
    </style>
        
    </head>
    <body>
        
    </body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。