美文网首页
JavaScript基础(day02)

JavaScript基础(day02)

作者: loner_cj | 来源:发表于2019-02-16 01:08 被阅读0次

    一元运算符

    • ++ -- 都是运算符
    • ++ 和 -- 可以分为:前+ 和后+ and 前- 和后-
    • 如果++在后面:如: num++ +10参与运算
    • 先参与运算,运算结束后自身再加1
    • 如果++在前面:如: ++num+10参与运算
    • 先自身加1,然后再参与运算

    流程控制:代码的执行过程

    //流程控制:有三种方式
    /*
    * 1.顺序结构:从上到下,从左到右执行的顺序,就叫做顺序结构(不是很眼睛)
    * 2.分支结构:if语句,if-else语句,if-else if-else if...语句,switch-case语句,三元表达式语句
    * 3.循环结构:while循环,do-while循环,for循环,后期还有一个for-in循环
    *
    *
    * */
    

    /*
    *
    * if语句:主要是判断
    * 语法:
    * if(表达式){
    * 代码块
    * }
    *
    * 执行过程:
    * 先判断表达式的结果是true还是false,如果是true则执行代码块,如果是false,大括号中的代码是不执行的
    *
    * 例子:
    * 1.如果8大于6,请输出8,如果一个数字大于另一个数字则输出大的数字
    * 2.问:小苏的年龄是否大于18岁,如果是成年的,则提示,可以看电影了
    *
    *
    * */
    // if(8>6){
    // console.log(8);
    // }
    //例子1:
    // var num1=10;
    // var num2=100;
    // if(num1>num2){
    // console.log(num1);
    // }
    // console.log("我执行了");

    //例子2
    var age=19;
    if(age>=18){
      console.log("可以看电影了,嘿嘿...");
    }
    //例子3:
    //问小杨帅不帅,则输出真的好帅
    var str="帅";
    if(str=="帅"){
      console.log("真的好帅");
    }
    

    /*
    *
    * if-else 语句
    * 两个分支,只能执行一个分支
    *
    * if-else语句的语法:
    *
    * if(表达式){
    * 代码1
    * }else{
    * 代码2
    * }
    * 执行过程:
    * 如果表达式的结果是true则执行代码1,如果表达式的结果是false,则执行代码2
    *
    *
    * */

    //练习1:找到两个数字中的最大值
    var num1=10;
    var num2=20;
    if(num1>num2){
    console.log(num1);
    }else{
    console.log(num2);
    }

    //练习2:判断这个数字是奇数还是偶数
    
    var number=parseInt(prompt("请输入一个数字"));
    if(number%2==0){
      console.log("偶数");
    }else{
      console.log("奇数");
    }
    
    //获取两个数字中的最大值
    //if-else语句
    //    var num1 = 10;
    //    var num2 = 100;
    //    if (num1 > num2) {
    //      console.log(num1);
    //    } else {
    //      console.log(num2);
    //    }
    
    //两个分支,最终的结果是两个分支中的一个,像这种情况可以使用三元表达式
    
    /*
     * 三元表达式
     * 运算符号:  ?  :
     *
     * 语法:
     *  var 变量=表达式1?表达式2:表达式3;
     *  执行过程:
     *  表达式1的结果是true还是false,如果是true则执行表达式2,然后把结果给变量
     *  如果表达式1的结果是false,则执行表达式3,把结果给变量
     *
     *
     *
     * */
    
    //两个数字中的最大值
    var x = 10;
    var y = 20;
    var result1 = x > y ? x : y;
    console.log(result1);
    
    //显示成年还是未成年
    var age = 10;
    var result2 = age >= 18 ? "成年了" : "未成年";
    console.log(result2);
    
    //总结:大多数情况,使用if-else的语句都可以用三元表达式的方式来表示
    

    //if语句只有一个分支
    //if-else语句有两个分支,最终执行一个分支
    //if-else if-else if-else if-else if..........else---多分支,最终也是执行一个

    /*
     *
     * if-else if语句...
     *
     * 语法:
     * if(表达式1){
     *   代码1
     * }else if(表达式2){
     *   代码2
     * }else if(表达式3){
     *   代码3
     * }else{
     *   代码4
     * }
     *
     * else if---这种结构可以写多个,具体多少个看需求,
     * else--结构是可以不用写的,具体也是看需求
     *
     *
     * 执行过程:
     * 先判断表达式1的结果,
     * 如果为true则执行代码1
     * 如果为false,则判断表达式2
     * 如果表达式2为true则执行代码2
     * 如果为false,则判断表达式3
     * 如果表达式3为true则执行代码3
     * 否则执行代码4
     *
     *
     * */
    

    //练习:判断一个年份是不是闰年
    //定义变量存储一个年份
    var year = 2017;
    if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {
    console.log("闰年");
    } else {
    console.log("平年");
    }

    /*
    * switch-case语句---分支语句---多分支语句
    * 语法:
    * switch(表达式){
    * case 值1:代码1;break;
    * case 值2:代码2;break;
    * case 值3:代码3;break;
    * case 值4:代码4;break;
    * ...多个case
    * default:代码5;
    *
    * }
    *
    * 注意问题:
    * default后面的break是可以省略的
    * default也可以省略
    *
    * switch-case 语句中和case后面的值比较的时候使用的是严格的模式
    * break是可以省略
    *
    *
    * 执行过程:
    * 获取表达式的值,和值1比较,如果一样,则执行代码1,遇到break则跳出整个的语句,后面代码不执行
    * 如果表达式的值和值1不一样,则和值2比较,如果相同则执行代码2,遇到break则跳出
    * 否则和值3比较,相同则执行代码3,遇到break,跳出,否则和值4比较,相同则执行代码4,遇到break则跳出,否则直接执行代码5
    *
    *
    *
    *
    *
    *
    * */

    //循环:一件事不停的或者是重复的做
    //循环要有结束的条件,循环还应该有计数器(记录循环的次数的)

    //while循环
    /*
    * while循环语法:
    *
    * 计数器
    * var 变量=0;
    * while(循环的条件){
    *   循环体;
    *   计数器++;
    *
    * }
    *
    * 执行过程:
    * 先判断条件是否成立,(条件的结果是true还是false),如果是false,那么循环的代码(while的大括号中的代码都不执行),如果是true,那么先执行循环体,然后执行计数器,然后,直接去--->循环的条件,再次判断是否成立,成立则继续执行循环体,否则跳出循环,执行完循环体之后,计数器加1,然后再去循环的条件,判断,成立则循环,否则跳出循环
    *
    * var i=0;
    * while(i<20){
    * 循环体
    * i++;
    * }
    *
    *
    *
    * */
    
    
    /*
     *
     * do-while循环
     *
     * 语法:
     *
     * do{
     *     循环体
     * }while(条件);
     *
     * 执行过程:
     * 先执行一次循环体,然后判断条件是否成立,不成立,则跳出循环,成立则执行循环体,然后再判断条件是否成立,成立则继续循环,否则跳出.....
     *
     * */
    
    
    //例子:
    //输出:哈哈,我又变帅了..10次
    
    //    var i=0;//计数器
    //    do{
    //      console.log("哈哈,我又变帅了");
    //      i++;
    //    }while(i<10);
    

    /*
    * for循环
    *
    * 语法:
    * for(表达式1;表达式2;表达式3){
    * 循环体;
    * }
    *
    * 执行过程:
    * 先执行一次表达式1,然后判断表达式2;如果不成立则直接跳出循环
    * 如果表达式2成立,执行循环体的代码,结束后,跳到表达式3执行,然后跳到表达式2,判断表达式2是否成立,不成立,则跳出循环
    * 如果表达式2成立,则执行循环体,然后再跳到表达式3,再跳到表达式2,判断是否成立,一直如此
    *
    * for(var i=0;i<10;i++){
    *
    * }
    *
    *
    * */

    例子:
    99乘法表
    //控制行数
    // for(var i=1;i<=9;i++){
    // //控制每一行有多少个表达式
    // for(var j=1;j<=9;j++){
    // document.write(j+""+i+"="+ij);
    // }
    // document.write("
    ");
    // }

    //掌握------必须要写出来的
    //    for(var i=1;i<=9;i++){
    //      //控制每一行有多少个表达式
    //      for(var j=1;j<=i;j++){
    //        document.write(i+"*"+j+"="+i*j);
    //      }
    //      document.write("<br/>");
    //    }
    

    相关文章

      网友评论

          本文标题:JavaScript基础(day02)

          本文链接:https://www.haomeiwen.com/subject/tuwveqtx.html