• Javascript基础二(程序的三大结构)


    程序的三大结构:

    顺序结构,选择结构,循环结构

    程序的单分支结构-if语句:

     
        当条件判断为真true时,执行花括号内的语句,如果条件为假false,跳过花括号内的语句
     
        if(条件){
            执行语句
        }
     
        
        if(条件){
            执行语句1,为真时执行
        }else{
            执行语句2,为假时执行
        }
     
        当条件判断为真true时,执行语句1,如果条件为假false,执行语句2。
     
     
        if()括号里面的东西我们通常也叫它逻辑点
     
        为真true,为假false,这是布尔值,需要通过逻辑运算符得到。
     
     
        但是:
        if(1){
            alert("会弹出来么?");
        }
        1是数值型,不是布尔值,更不是true?为什么会执行花括号内的语句了呢?
     
        在一些特定的情况下,计算机会进行一些隐式转换,他和强制类型转换不一样,他不需要你做什么,会自动对数据类型进行转换
        在运算中,if(小括号)中的语句会发生隐式类型转换。
     
        1.运算中的隐式类型转换:
        var a = "1",b = 2;
        a + b = ???
        
        +号有两种含义:数学中的+号运算符;字符串的拼接。优先字符串拼接,所以在检测到+号左右两边存在字符串的时候,会自动将另一边不是字符串的数据,转成字符串,再进行操作
     
        a - b = ???
        
        除了+号有两层意义为外,-*/%号只有数学意义,所以当进行-*/%的时候,默认将运算符两边的数据类型隐式转换成数字类型再进行运算
        
        2.if(小括号)内的隐式类型转换。
        if()中只需要布尔值,那么在if判断中,会把括号内所有的数据类型,都隐式转换成布尔型。
        在if()中,非零数字都会转成true,非空字符串都会转成true;这是两条基础规则
     
    例:判断奇偶
    var a = 3;
    if (a % 2 ==0) {
        alert("偶数");
    }else {
        alert("奇数");
    }

    程序的多分支switch语句/break关键字

        switch()多分支语句
     
        注意:在switch()内,不会发生隐式数据类型转换
     
        switch(){
            case 0:alert("零");
            break;
            case 1:alert("一");
            case 2:alert("二");
            default:alert("不识别的数字");
        }
     
        switch()内,不会做判断,在case身上判断这个值是否符合。
     
        switch()内,不能做判断,同时在case后也不能做条件判断,
     
        注意:如果判定的是范围,不要使用switch语句;判定具体数据的时候,才使用switch
     
        案例:判断星期几;判断成绩;
     
        注意switch的应用场景:有多个 确定值  需要判断的时候
     
        注意case语句的穿透,要加break语句:如果程序没有break语句,那么解析器会继续向下解析
     
        注意default相当于if语句中的else,当以上条件都不满足的时候,执行default
     
     
    例:判断成绩等级
        var grade = 65;
        var score = parseInt(grade/10);
        switch(score) {
            case (10):alert("学霸");
            break;
            case (9):alert("学霸");
            break;
            case (8):alert("优秀");
            break;
            case (7):alert("良好");
            break;
            case (6):alert("中等");
            break;
            default:alert("不及格");
            break;
            }    

      

     

    三目运算符:

           var a = 6;
           if(a<10){
               a = "0"+a;
           }else{
               a = a;
           }
           
           //上面的代码,等价于下面的代码     
           var a = 6;
           a = a<10 ? "0"+a : a;

      

    循环:

     循环的意义:
        计算机是个傻子,没有七情六欲,不会有人类的感性和思考。当你问他爱吃啥,他不知道,当问他喜欢什么颜色,也不知道。那我们要计算机干啥呢?
        从远古时期讲,所谓计算机并没有现在这个牛的功能,游戏电影,都是不可能的。只能干一件事:计算。那么什么是计算呢,为什么不自己计算呢?
        所谓计算,就是数据的累加,比如1jia到100,这些累加都是重复性的工作,当人处理这些重复性的工作时,速度有限,但是计算机处理起来奇快无比,这就是计算机的价值所在。
        发展到今天也是一样,当我们需要计算机的时候,大多数让他干的都是重复性的工作,这些重复性的工作有着极其相似的代码
     

    while循环和do-while循环的使用

        while(条件){
            执行语句
        }
     
        当条件为true时,会一直重复执行花括号内的执行语句。注意:千万不要造成死循环
        
        var i = 0;        //计数器
        while(i<10){      //停止的条件
        document.write("hello world”);
            i++;          //改变计数器
        }
        注意:为避免死循环,一定要在循环体内改变条件中使用的变量的值
     
     
        do-while
     
        do{
            当条件为真,执行这里的语句
        }while(条件){
            当条件为假,执行这里的语句
        }
     
        当条件为真时,执行do的语句,当条件为假时,执行while的语句
     
        do{
            console.log("do的执行语句”);
            i++;
        }while(i<10){
            console.log("while的执行语句");
        }
        注意do-while的改变计数器需要写在do语句中,否则会造成死循环。
     
    while和do-while的区别?
        do-while无论结果为真还是为假,都会执行一次
        
    例:计算1-100之间的和
            //方法一
            var sum = 0;
            var i = 1;
            do {
                sum += i;
                i++;
            }while (i <= 100){
                console.log(sum);
            }
            
            //方法二
            var sum = 0;
            var i = 1;
            while(i <= 100) {
                sum += i;
                i++;
            }
            console.log(sum);
        

    continue关键字 和 break关键字的使用:

        continue和break都是用来控制循环结构的,主要是用来停止循环。
        
        continue表示终止本次循环,还执行后面的循环。也可以理解成跳过本次循环中剩下的语句,执行下一次循环。
     
        break表示完全结束一个循环,跳出循环体执行循环后面的语句。
     
     

    1.for循环的使用

        for(语句1;语句2;语句3){
            需要执行的代码块
        }
     
        语句1:在循环体开始前执行----计数器
        语句2:循环的条件--------停止的条件
        语句3:在循环体被执行后执行---改变计数器
     
    for(var i = 0; i < 10; i++){
            console.log(1);
     }  
      
        注意在for循环中语句之间用“;”隔开。
     
        小技巧:在知道执行次数时用for,在无法判断循环次数时用while
        

    2.for循环的嵌套

        for循环嵌套时,注意各个循环的计数器变量名不能重复,否则会变成死循环
        
        如何使用:需要打印的内容多行多列的时候,需要做多重运算的时候
     
        例:打印九九乘法表
            for (var i = 1;i <= 9;i++) {
                for (var j = 1;j <= i;j++) {
                    document.write(j + "*" + i + "=" + i*j + "&nbsp;&nbsp;");
                }
                document.write("<br>");
            }

    3.死循环 

        无法靠自身控制结束的循环,称为死循环
        
        但是可以利用死循环的原理,解决一些问题:
        案例:篮球从5米高的地方掉下来,每次弹起的高度是原来的30%,经过几次弹起,篮球的高度是0.1米。
                 不知道要循环几次的问题,利用死循环的原理,每次判断一个条件,直到满足条件,利用break跳出循环
     
            var h = 5;
            var i = 0;
            while(true) {
                h = h * 0.3;
                i++;
                if (h < 0.1) {
                    console.log(i);
                    break;
                }
            }
  • 相关阅读:
    tapestrydomain modelxdocletmaven
    单元测试与GUI
    Bitufo
    纪念
    郁闷的报表问题(2)
    wordpress 列表页脚加广告
    <转>程序员,都去写一写前端代码吧
    <转> 编写超级可读代码的15个最佳实践
    wordpress 如何移除管理后台仪表盘小工具
    php简易页面内调试技巧
  • 原文地址:https://www.cnblogs.com/ZhaoWeiNotes/p/11513178.html
Copyright © 2020-2023  润新知