javaScript基础(四)

最新推荐文章于 2024-07-18 10:24:18 发布

直条纹先生

最新推荐文章于 2024-07-18 10:24:18 发布

阅读量51

点赞数

分类专栏： web前端文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_45936141/article/details/125227156

版权

web前端专栏收录该内容

15 篇文章 0 订阅

订阅专栏

28.while的练习

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <script type="text/javascript">



        /*
        相等运算符比较两个值是否相等
        如果相等会返回true否则返回false


        使用==来处理相等运算

		！=不等
        =一个等号表示赋值
        ==两个等号表示值相等(类型不相等会自动转换类型相等)
        ===全等（类型和值都要相等）（类型不相等，不会自动转换）
        
        */


        var a = 10;

        console.log(a == 4 );//false
    </script>
</head>
<body>
    
</body>
</html>

28.相等运算符

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">



        var money = 1000;

        //定义一个计数器
        var count = 0;

        while(money < 5000){
            
            money *= 1.05;

            count++;//使count自增

        }

        console.log("一共需要"+count+"年");


    </script>
</head>
<body>
    
</body>
</html>

29.for循环

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">
        /*
        向页面输出连续的数字
        */

    //     var n = 1;

    //    document.write(n++ +"<br/>");
    //    document.write(n++ +"<br/>");
    //    document.write(n++ +"<br/>");
    //    document.write(n++ +"<br/>");
    //    document.write(n++ +"<br/>");
    //    document.write(n++ +"<br/>");
    //    document.write(n++ +"<br/>");
    //    document.write(n++ +"<br/>");
    //    document.write(n++ +"<br/>");
    //    document.write(n++ +"<br/>");
    //    document.write(n++ +"<br/>");
    //    document.write(n++ +"<br/>");


    //循环语句
    //通过循环语句可以反复的执行一段代码多次
    /*
    while循环
        语法：
        while（条件表达式）{

            语句...
        }
    while语句在执行时，
    先对条件语句进行求值判断
    如果值为true则执行循环体
    循环体执行完毕以后，继续对表达式进行判断
    如果为true,则继续执行循环体，以此类推。。。

    do...while语句在执行时，会先执行循环体，循环体执行完毕后，再对while后的条件表达式进行判断
    如果结果为true，则继续执行循环体，执行完毕继续判断以此类推。
    如果为false，则终止循环
    


    实际上这两个语句功能类似，不同的是while先判断后执行
    而do。。。while是先执行后判断
    do{}while()至少可以保证执行一次循环，而while()不能
    */


    // var n = 1;
    // //像这种条件表达式为true的循环为死循环
    // //该循环不会停止，除非浏览器关闭，死循环在开发中慎用
    // //可以使用break来终止循环


    // while(true){
    //     alert(n++);
    //      //判断n是否是10
    //      if(n==10){
    //          //break退出循环
    //     break;
    //      }

    // }

    /*
    创建一个循环，往往需要三个步骤
    1、创建初始化变量
    var i =0;

    2、在循环中设置一个条件表达式
    while(i<10){

    3、定义一个更新表达式，每次更新初始化变量

    i++;
        alert(1);
    }
    */

    // var i = 0;
    // while(i <br 100 ){
    //     // alert(i);
    //     // console.log(i);
    //     document.write(i++ +"</br>");
    // }

    var i =11;
    do{

        document.write(i++ +"</br>")
    } while(i <= 10);
   


    </script>
</head>
<body>
    
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">

        /*
        打印1-100之间所有的奇数之和

        */

        //打印1-100之间的数

        // var sum = 0;//创建一个变量用来保存所有奇数之和
        // for(i=1;i<=100;i++){


        //     //判断i是否是奇数
        //     //不能被2整除的数就是奇数
        //     if(i%2!=0){
        //         // sum = sum + i;
        //         sum += i;
        //     }
        // }
        // console.log("奇数之和:"+sum);



        //打印1-100之间的数

        var sum = 0;//创建一个变量用来保存所有奇数之和

        var count = 0;//创建计数器
        for(i = 1 ; i <= 100 ; i++){


            //判断i是否是奇数
            //不能被2整除的数就是奇数
            if( i % 7 == 0){
                // sum = sum + i;
                sum += i;
                count++;//是计数器自增
            }
        }
        console.log("7的倍数之和:"+sum);
        console.log("7的倍数的个数:"+count);



    </script>
</head>
<body>
    
</body>
</html>

30.for循环的练习

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">




//打印所有三位数

        for(var i = 100 ; i<=999; i++ ){


            //获取i的百位、十位、个位数字
            //获取百位数字
            var bai = parseInt(i/100);
            //获取十位数字
            var shi = parseInt((i-bai*100)/10);
            //获取个位数字
            var ge = i%10;
    
            if(bai*bai*bai + shi*shi*shi + ge*ge*ge == i){

                console.log("水仙花数："+i);

            }


        }
    </script>
</head>
<body>
    

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">


        var num = prompt("请输入一个整数：");
        
        if(num <=0){

            alert("不合法请重新输入！");
        }else{

            //判断num是质数
            //获取2-num之间的数

            var flag = true;

            for(var i=2 ;i < num ; i++ ){

                if( num % i == 0 ){
                    
                    flag == flase;
                }
            }


            if(flag){

                alert( num + " 这个数是质数！")
                
            }else{

                alert(" 这个数不是质数！！");
            }
        }

    </script>
</head>
<body>
    

</body>
</html>

31.嵌套的for循环

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">



        //这个for循环执行几次就是图形的高度
        for(var i = 0 ; i<5 ; i++ ){


            //在循环的内部再创建一个循环用来控制图形的宽度
            //目前我们外部循环一次，内部循环执行五次
            // for( var j = 0 ; j < i+1 ; j++ ){

            //     document.write("*&nbsp;&nbsp;&nbsp;&nbsp");

            // }

            for( var j = 0 ; j < 5 - i ; j++ ){

                document.write("*&nbsp;&nbsp;&nbsp;&nbsp");

}
            //输出一个换行
            document.write("</br>");


        }
        
    </script>
</head>
<body>
    
    
</body>
</html>

32.for循环练习

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">
        /*
        1、打印99乘法表

        2、打印1-100之间所有的质数


        */


        //创建外层循环用来控制乘法表的高度
        for(var i = 1; i <= 9; i++){

            console.log(i);
            for( var j =1 ; j <= i; j++ ){

                document.write( "&nbsp;&nbsp;"+j + "*" + i +"="+ i*j );

            }

            document.write(" <br/> ");
        }

    </script>
</head>
<body>
    
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">


        /*
        判断2-100之间的质数
        */

        console.time("test");

        for(var i = 2; i <=100000; i++ ){

            var flag = true;//创建布尔值，用来保存结果，默认i是质数 

            for( var j = 2; j < i; j++ ){

                //判断i能否被j整除
                if( i%j == 0){
                    //如果进入判断则证明i不是质数
                    flag = false;
                    break;

                    //不加break 211ms
                    //加break  45ms
                }
            }


            if(flag){
                console.log(i);

            }
        }

        console.timeEnd("test");

    </script>
</head>
<body>
    
</body>
</html>

33.break和continue

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">


        /*
        break关键字可以用来退出switch或循环语句
        --不能在if语句中使用break和continue
        --break会立即终止离他最近的循环语句
        */

        for (var i = 0; i < 5; i++) {

            console.log(i);
            if (i == 2) {
                break;
            }

        }



        /*
        
        continue可以用来跳过当次循环
        生效离他最近的循环语句
        */

        // for (var i = 0; i < 5; i++) {

        //     console.log(i);

        //     if (i == 2) {
        //         continue;
        //     }

        // }
    </script>
</head>

<body>

</body>

</html>