[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>