13js学习第二天第1部分运算符

  // 00JavaScript初级事件绑定

    // 获取元素
    var oBtn = document.getElementById("btn");
    var oType = document.getElementById("type");
    var oPrice = document.getElementById("price");
    var oInp = document.getElementById("inp");
    // 当点击按钮时
    oBtn.onclick = function () {
        // 获取型号和油量
        console.log(oInp.value);

        // 根据型号和油量进行判断
        // if () {
        //     // 输出结果
        //     oType.innerText = "95#";
        //     oPrice.innerText = 1000;
        // } else {
        //     oType.innerText = "95#";
        //     oPrice.innerText = 1000;
        // }

    }

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

 // 02JavaScript的算数运算符
    
    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

  // 03JavaScript的比较运算符
    
    // 用来进行判断  判断条件使用  返回布尔值(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   隐式数据类型转换  会将非数字类型转换为数字类型

    // 2. == 等于  != 不等于
    console.log(num1==num2);// true
    console.log(num1!=num2);// false
    console.log(num3!=num2);// true
    console.log(num1==str);// true   数值相等

    // === 绝对等于(数值和数据类型都相同)   
    console.log(num1===str);// false
    console.log(num1===num2);// true
    // !== 不绝对等于 
    console.log(num1!==str);// true  数值相等 数据类型不同
    console.log(num2!==num3);// true  数据类型相同 数值不相等
    console.log(num3!==str);// true  数据类型和数值都不想等
    console.log(num1!==num2);// false 数据类型和数值都相同

    console.log("hello"==="hello");

  // 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

 // 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

  // 06JavaScript的二元运算符
    
    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);

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

    // 08JavaScript运算符的优先级
    // 算术运算符 > 比较运算符 > 逻辑运算符 > 赋值运算符
    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