JS第二天学习(运算符、语句)

JavaScript的运算符

• 赋值运算符（=）

   // 变量的声明  var 
   // 变量的赋值 = 
   // 变量名 = 变量的值
 var num=10;
   console.log(num)
   num=20;
   console.log(num)
   num=100;
   console.log(num)

• JavaScript的算数运算符(+ - * / %)

    var a=10,b=3;
    // + 加 
    var c=a+b;
    console.log(c);//13 
    // - 减
    console.log(a-b);//7
    // * 乘 
    console.log(a*b);//30
    // / 除 
    console.log(a/b);//3.3333333333333335
    // % 取余(模 模余)  
    console.log(a%b);//1
    // 10(被除数)÷3(除数)=3(商)···1(余数) 
    console.log(10%2);//0

• JavaScript的比较运算符(> < = >= <=)

// 用来进行判断  判断条件使用  返回布尔值(true  false)
    var num1=10;
    var num2=10;
    var num3=20;
    var str="10";

    // 1. >大于 <小于 >=大于等于 <=小于等于
    console.log(num1>num2);// false
    console.log(num2<num3);// false
    console.log(num1>=num2);// true
    console.log(num1>=str);// true   隐式数据类型转换

• JavaScript的逻辑运算符(&& || !)

// 04JavaScript的逻辑运算符  用来判断  当作条件  返回布尔值(trur  false)

    var num1 = 10;
    var num2 = 20;
    var str = "10";
    // && (逻辑与,表达式前后都为true)
    console.log(num1 > 5 && num2 > 5 && str == 10); // true 
    // || (逻辑或,表达式前后只要有一个为true)
    console.log(num1 < 5 || num2 < 5 || str == 10); // true 
    // ! (逻辑取反,表达式为true返回false,为false,返回true)
    console.log(!num1>5);//false
    console.log(!!true);//true

• JavaScript的一元运算符(++ --)

 // 05JavaScript的一元运算符  自增自减  用来计数

   var i = 10;

// ++ (自增，每执行一次，自身+1)
   // var j=i++;
   // console.log(j,i);//10 11

   - // i++ 先赋值 后运算 
   console.log(i++); //10  console.log(i)   i+1
   console.log(i); //11
   // ++i 先运算 后赋值
   console.log(++i); // 12  i+1   console.log(i)
   console.log(i); // 12

   // -- (自减，每执行一次，自身-1)
   // i-- 先赋值 后运算 
   console.log(i--); //12  console.log(i)   i-1
   console.log(i); //11
   // --i 先运算 后赋值
   console.log(--i); // 10  i-1   console.log(i)
   console.log(i); // 10

   var a = 10;
   console.log(++a + a++ - a-- + a - a++); // 10
   // 11 + 11 - 12 +11 - 11      
   console.log(a); // 12     

   console.log(a++ + a++ + --a - a-- + a - a++ - a-- + a - a++);// 12      
               // 12  + 13 + 13 - 13 + 12 - 12 - 13 + 12 - 12

• JavaScript的二元运算符（+= -= *= /= %=）

 var num=10;
   // +=   a+=10;  a=a+10;
   num+=20;// num=num+20;
   console.log(num);//30

   // -=
   num-=10;//num=num-10
   console.log(num);//20
   // *= 
   num*=100;
   console.log(num);//2000
   // /= 
   num/=20;
   console.log(num);//100
   // %=
   num%=3;// num=num%3
   console.log(num);//1

   // += 拼接字符串
   var str1="hello";
   var str2="world";
   var str3="";
   console.log(str1+str2);
   str3+="hello Nanjing";
   console.log(str3);

• JavaScript的三元运算符（？ ：）

// 条件?条件为真(true)时执行的代码:条件为假(false)时执行的代码
   // var age=20;
   var age=window.prompt("请输入你的年龄",18);
   age>=18?console.log("成年人"):console.log("未成年");

• JavaScript运算符的优先级

• (算术运算符 > 比较运算符 > 逻辑运算符 > 赋值运算符)

var result=2+1>3+5;
   console.log(result);// false
   var result2=7>5&&10>7;
   console.log(result2);// true

   // += 拼接字符串
   // 数据类型的隐型转换 - * / % -= *= /+ %= ++ -- > < >= <= ==
   console.log(typeof("100"));//string
   console.log(typeof("100"*1));//number

• JavaScript的if语句

    // if语句：只有当指定的条件为true时，执行代码
    // if(条件){
    //     // 条件成立时执行的代码
    // }

    if(true){
        console.log("条件为真")
    }

    if(10>5){
        console.log("条件为真")
    }

• JavaScript的if…else语句

 // if...else语句：当指定的条件为true时，执行代码，当为false时，执行其他的代码
    // if(条件){
    //     // 条件成立时执行的代码  true
    // }else{
    //     // 条件不成立时执行的代码  false
    // }

    var age=window.prompt("请输入你的年龄",18)
    if(age>=18){
        console.log("已成年，可以进入")
    }else{
        console.log("未成年，不可以进入")
    }

• JavaScript的switch语句

 // if...else if...else语句：选择多个代码之一来执行
    // if(条件1){
    //     // 条件1成立时执行的代码  true
    // }else if(条件2){
    //     // 条件2成立时执行的代码 
    // }else if(条件3){
    //     // 条件3成立时执行的代码 
    // }else{
    //     // 所有条件都不成立时执行的代码  false
    // }

    var age=window.prompt("请输入你的年龄",18);
    if(age<14){
        console.log("年龄小于14岁,游戏时长不超过1小时")
    }else if(age>=14&&age<16){
        console.log("年龄介于14到16岁，游戏时长不超过2小时")
    }else if(age>=16&&age<18){
        console.log("年龄介于16到18岁，游戏时长不超过3小时")
    }else{
        console.log("年龄大于18岁，游戏时长自己控制")
    }

• JavaScript的if…else语句

    // switch语句用于基于不同条件执行不同的动作。
    // switch(变量){
    //     case "值1":
    //         // 执行代码
    //         break;
    //     case "值2":
    //         // 执行代码
    //         break;
    //     case "值3":
    //         // 执行代码
    //         break;  
    //     ...
    //     default:
    //         // 以上条件都不成立时执行的代码                       
    // } 

    var oDay = window.prompt("今天是星期几？");
    console.log(oDay,typeof oDay);

    switch (oDay) {
        case 1:
            console.log("今天是星期一，上班")
            break;
        case 2:
            console.log("今天是星期二，上班")
            break;
        case 3:
            console.log("今天是星期三，上班")
            break;
        case 4:
            console.log("今天是星期四，上班")
            break;
        case 5:
            console.log("今天是星期五，上班")
            break;
        case 6:
            console.log("今天是星期六，休息")
            break;
        case 7:
            console.log("今天是星期日，休息")
            break;
        default:
            console.log("疯掉了") 
            break;
    }