zoukankan      html  css  js  c++  java
  • JavaScript基础视频教程总结(031-040章)

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <title>031-040章总结</title>
    </head>
    <body>
    
    <pre>
    031. if练习2
    </pre>
    <script type="text/javascript">
        console.log("第031");
        /*
         *  大家都知道,男大当婚,女大当嫁。那么女方家长要嫁女儿,当然要提出一定的条件: 
         *  高:180cm以上; 富:1000万以上; 帅:500以上;
         *  如果这三个条件同时满足,则:'我一定要嫁给他'
         *  如果三个条件有为真的情况,则:'嫁吧,比上不足,比下有余。' 
         *  如果三个条件都不满足,则:'不嫁!' 
         */
        var yHeight = prompt("输入你的身高(cm)");
        var yMoney = prompt("输入你的财富(万)");
        var yFace = prompt("输入你的颜值");
        
        if( yHeight > 180 && yMoney > 100 && yFace >500 ){
            console.log("我一定要嫁给他");
        }else if(yHeight > 180 || yMoney > 100 || yFace >500){
            console.log("嫁吧,比上不足,比下有余。");
        }else {
            console.log("不嫁");
        }
        
    </script>
    
    <pre>
    032. if练习3
    </pre>
    <script type="text/javascript">
        console.log("第032");
        /*
         *  编写程序,由键盘输入三个整数分别存入变量num1、num2、num3,
         *  对他们进行排序,并且从小到大输出。
         */
        
        //获取用户输入的三个数
        /*
         * prompt()函数的返回值是String类型的,用+转换为number
         */
        // 1 2 3  3 2 1
        
        var num1 = +prompt("输入第一个数");
        var num2 = +prompt("输入第二个数");
        var num3 = +prompt("输入第三个数");
        
        //找到三个数中最小的数
        if( num1 < num2 && num1 < num3 ){
            //num1最小,比较num2和num3
            if( num2 < num3 ){
                console.log( num1 + "," + num2 + "," + num3 );
            }else{
                console.log( num1 + "," + num3 + "," + num2 );
            }
        }else if( num2 < num1 && num2 < num3 ){
            //num2最小,比较num1和num3
            if( num1 < num3 ){
                console.log( num2 + "," + num1 + "," + num3 );
            }else{
                console.log( num2 + "," + num3 + "," + num1 );
            }
        }else{
            //num3最小,比较num1和num2
            if(num1 < num2 ){
                console.log( num3 + "," + num1 + "," + num2 );
            }else{
                console.log( num3 + "," + num2 + "," + num1 );
            }
        }
    </script>
    
    <pre>
    033. 条件分支语句
    条件分支语句也叫switch语句
    语法:
    switch(条件表达式){
        case 表达式:
         语句...
        break;
        case 表达式:
        语句...
        break;
         default:
        语句...
        break;
    }
    
    执行流程:
    switch...case..语句
    在执行时会依次将case后的表达式的值和switch后的条件表达式的值进行全等比较,
    如果比较结果为true,则从当前case处开始执行代码。
    当前case后的所有的代码都会执行,我们可以在case的后边跟着一个break关键字,
    这样可以确保只会执行当前case后的语句,而不会执行其他的case
    如果比较结果为false,则继续向下比较
    如果所有的比较结果都为false,则只执行default后的语句
    
    switch语句和if语句的功能实际上有重复的,使用switch可以实现if的功能,
    同样使用if也可以实现switch的功能,所以我们使用时,可以根据自己的习惯选择。
    </pre>
    <script type="text/javascript">
        console.log("第033");
    
        //根据num的值,输出对应的中文
        var num = 3;
        
        if(num == 1){
            console.log("");
        }else if(num == 2){
            console.log("");
        }else if(num == 3){
            console.log("");
        }
        
        num = "hello";
        
        switch(num){
            case 1:
                console.log("");
                //使用break可以来退出switch语句
                break;
            case 2:
                console.log("");
                break;
            case 3:
                console.log("");
                break;
            default:
                console.log("非法数字~~");
                break;
        }
    </script>
    
    <pre>
    034. switch练习
    </pre>
    <script type="text/javascript">
        console.log("第034");
        /*
         *01. 对于成绩大于60分的,输出'合格'。低于60分的,输出'不合格'
         * 
         */
        var score = 85;
        var pScore = parseInt(score/10);
        
        /*switch(pScore){
            case 10 :
            case 9 :
            case 8 :
            case 7 :
            case 6 :
                console.log("合格");
                break;
            default:
                console.log("不合格");
                break;
        }*/
        switch(true){
            case score>=60 :
                console.log("合格");
                break;
            default:
                console.log("不合格");
                break;
        }
        
        /*
         * 02从键盘接收整数参数,如果该数为1-7,打印对应的星期,否则打印非法参数。
         */
        
        var accept = prompt("输入任意值");
        var pAccept = parseInt(accept);
        switch(pAccept){
            case 1:
                alert("星期一");
                break;
            case 2:
                alert("星期二");
                break;
            case 3:
                alert("星期三");
                break;
            case 4:
                alert("星期四");
                break;
            case 5:
                alert("星期五");
                break;
            case 6:
                alert("星期六");
                break;
            case 7:
                alert("星期日");
                break;
            default:
                alert("非法参数");
                break;
        }
    </script>
    
    <pre>
    035. while循环
    循环语句:通过循环语句可以反复的执行一段代码多次
    </pre>
    <script type="text/javascript">
        console.log("第035");
        /*
         * while循环
         *  - 语法:
         *      while(条件表达式){
         *          语句...
         *      }
         * 
         *  - while语句在执行时,
         *      先对条件表达式进行求值判断,
         *          如果值为true,则执行循环体,
         *              循环体执行完毕以后,继续对表达式进行判断
         *              如果为true,则继续执行循环体,以此类推
         *          如果值为false,则终止循环
         * 
         * do...while循环
         *  - 语法:
         *      do{
         *          语句...
         *      }while(条件表达式)
         * 
         *  - 执行流程:
         *      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;
            }
            
        }*/
        
        //创建一个循环,往往需要三个步骤
        
        //1.创初始化一个变量
        var wi01 = 0;
        //2.在循环中设置一个条件表达式
        while( wi01 <= 5 ){
            //3.定义一个更新表达式,每次更新初始化变量
            wi01++;
            console.log(wi01);
            
        }
        
        var dw =0
        do{
            dw++;
            console.log(dw);
        }while(dw <= 5);
        
        /*while(true){
            alert(1);
        }*/
    </script>
    
    <pre>
    036. while练习
    </pre>
    <script type="text/javascript">
        console.log("第036");
        /*
         * 假如投资的年利率为5%,试求从1000块增长到5000块,需要花费多少年
         * Math.pow(2,4)
         * 1000 1000*1.05   1
         * 1050 1050*1.05   2
         * 1050 1102.5*1.05 3
         */
        
        var nYear = 0;
        var tzMoney=1000;
        
        /*while( tzMoney < 5000){
            tzMoney = 1000*Math.pow(1.05,nYear+1);
            nYear++;
        }*/
        
        while( tzMoney <=5000 ){
            tzMoney *= 1.05;
            nYear++;
        }
        
        console.log("一共需要花费"+nYear+"");
    </script>
    
    <pre>
    037. for循环
    </pre>
    <script type="text/javascript">
        console.log("第037");
        /*
         * for语句,也是一个循环语句,也称为for循环
         *  在for循环中,为我们提供了专门的位置用来放三个表达式:
         *      1.初始化表达式
         *      2.条件表达式
         *      3.更新表达式
         * 
         *  for循环的语法:
         *      for(①初始化表达式;②条件表达式;④更新表达式){
         *          ③语句...
         *      }
         * 
         *      for循环的执行流程:
         *          ①执行初始化表达式,初始化变量(初始化表达式只会执行一次)
         *          ②执行条件表达式,判断是否执行循环。
         *              如果为true,则执行循环③
         *              如果为false,终止循环
         *          ④执行更新表达式,更新表达式执行完毕继续重复②
         */
        
        //创建一个执行10次的while循环
        //初始化表达式
        /*var i = 0;
        
        //创建一个循环,定义条件表达式
        while(i < 10){
            //设置更新表达式
            alert(i++);
        }*/
        
        for(var i = 0 ; i < 10 ; i++ ){
            console.log(i);
        }
        
        /*
         * for循环中的三个部分都可以省略,也可以写在外部
         *  如果在for循环中不写任何的表达式,只写两个;
         *  此时循环是一个死循环会一直执行下去,慎用
         *  for(;;){
                alert("hello");
            }
         */
    </script>
    
    <pre>
    038. for练习
    </pre>
    <script type="text/javascript">
        console.log("第038");
        /*
         * 1.打印1-100之间所有奇数之和
         */
        var sum = 0;
        for (var i=0; i<=100; i++) {
            if( i%2 !=0 ){
                sum = sum + i;
            }
        }
        console.log(sum);
        
        /*
         * 2.打印1-100之间所有7的倍数的个数及总和
         */
        var sevenNum = 0;
        var sevenTotal = 0;
        for (var i=1; i<=100; i++) {
            if( i%7 ==0 ){
                sevenTotal += i; 
                sevenNum++;
            }
        }
        console.log("个数为" +sevenNum);
        console.log("总和为" +sevenTotal);
        
        /*
         * 3.水仙花数是指一个3位数,它的每个位上的数字的3 次幂之和等于它本身。
         *(例如:1^3 + 5^3 + 3^3 = 153),请打印所有的水仙花数。
         */
        for (var san=100 ; san<1000; san++) {
            var bai = parseInt(san/100);
            var shi = parseInt((san - bai*100)/10);
            var ge = san%10;
            if( bai*bai*bai + shi*shi*shi + ge*ge*ge == san){
                console.log("所有的水仙花数为" +san);
            }
        }
    
    </script>
    
    <pre>
    039. 质数练习
    </pre>
    <script type="text/javascript">
        console.log("第039");
        //在页面中接收一个用户输入的数字,并判断该数是否是质数。
        //质数:只能被1和它自身整除的数,1不是质数也不是合数,质数必须是大于1的自然数。    
        var num = prompt("请输入一个大于1的整数:");
        //判断这个值是否合法
        if(num <= 1){
            alert("该值不合法!");
        }else{
            //创建一个变量来保存当前的数的状态
            //默认当前num是质数
            var flag = true;
            //判断num是否是质数
            //获取2-num之间的数
            for(var i=2 ; i<num ; i++){
                //console.log(i);
                //判断num是否能被i整除
                if(num % i == 0){
                    //如果num能被i整除,则说明num一定不是质数
                    //设置flag为false
                    flag = false;
                }
            }
            //如果num是质数则输出
            if(flag){
                alert(num + "是质数!!!");
            }else{
                alert("这个不是质数");
            }
        }
    </script>
    
    <pre>
    040. 补充质数练习
    </pre>
    <script type="text/javascript">
        console.log("第040");
        // 对上一节的说明,先设定一个变量默认为质数,在判断能否被整除,在循环外输出。
        
    </script>
    
    </body>
    </html>

    所有基础课程链接:


     1.JavaScript基础视频教程总结(001-010章)           2.JavaScript基础视频教程总结(011-020章)          3. JavaScript基础视频教程总结(021-030章)        4. JavaScript基础视频教程总结(031-040章)

    5. JavaScript基础视频教程总结(041-050章)           6. JavaScript基础视频教程总结(051-060章)         7. JavaScript基础视频教程总结(061-070章)        8. JavaScript基础视频教程总结(071-080章)

    9. JavaScript基础视频教程总结(081-090章)          10. JavaScript基础视频教程总结(091-100章)        11. JavaScript基础视频教程总结(101-110章)      12. JavaScript基础视频教程总结(111-120章)

    13. JavaScript基础视频教程总结(121-130章)        14. JavaScript基础视频教程总结(131-140章)


     另外,欢迎关注我的新浪微博

  • 相关阅读:
    这两天自己模仿写的一个Asp.Net的显示分页方法 附加实体转换和存储过程
    JavaScript 删除 ASP.NET 设置的多值 Cookie 的方法
    Http 请求处理流程
    ASP.NET实现二维码(QRCode)的创建和读取
    ASP.NET实现网站的自动升级
    ASP.NET乱码深度剖析
    ASP.net学习总结
    ASP.net MVC基础
    umeditor编辑器复制粘贴图片上传
    fckeditor编辑器复制粘贴图片上传
  • 原文地址:https://www.cnblogs.com/iflygofy/p/10107085.html
Copyright © 2011-2022 走看看