JS笔记5（数据转换&运算符）

一、数据类型转换

        1、强制类型转换：

        转字符串：1、var  变量保存住 = xx.toString//null和undefined不能使用.调用函数，如果使用则会报错

                        2、var  拿一个变量保存住 =String(xx)//等效于隐式转换

        转数字：1、var  拿一个变量保存住 =parseInt（字符串或数字）//因为这个相当于转换为整数

                        2、var  拿一个变量保存住 =parseFloat（数字）//转为浮点型小数

                        3、Number(xx)//等效于隐式转换

可以详见https://blog.csdn.net/wd38693409/article/details/119726258 一周总结内有对转数字有详细笔记

        转布尔：Boolean(xx);//等效于隐式转换

        这个只有6种情况为flase：0，一个空字符串，flase，undefined，null，NaN,其余全为true

        在if(条件)和循环中(条件)放的条件一定会被动转换成布尔值，

二、运算符和表达式

        1、算术运算符：+ - * / %

                会带有隐式转换，默认转为数字再比较：其中+运算中只要有一个是字符串，则变为了拼接操作；- * / %则会把字符串默认转为数字进行计算，但是必须是纯数字，非纯数字的字符串则转为NaN.

        2、比较运算符：>  <  >=  <=  ==(等于)  !=(不等于)     ===(全等) !==(不全等)

                比较运算的结果都为boolean值

                它们带有隐式转换：默认将两边转为数字再比较

                1、如果两边的都是字符串的话，这是按位比较每个字符的十六进制unicode号或者十进制ascii码。

它们的十六进制码或十进制大小关系：汉字<小写字母<大写字母<数字--它们中间还有一些其他字符

                NaN参与任何比较都为flase，判断是不是NaN：

        isNaN(某某)结果为true为NaN，flase为其它，!isNaN(某某)结果为flase为NaN，true为其它

        undefined==null，结果为true

===全等：意思要数据类型和数值相同才全部等于，结果才为true

!==不全的：不带隐式转换的等于比较

        3、逻辑运算：&&  ||  ！

         &&：全部条件都为true，最后才为true，只要一个为false，最后则为false

        ||：只要一个为true，最后则为true， 全部条件都为false，最后才为false
         !：颠倒布尔值：!true==flase  !flase==true

短路逻辑：&&:只要有一个条件可以得出结论，则不用判断后续条件,它可以用来简化简单的if分支：比如：if(total>=500){total*=0.8;};
        简化：total>=500&&(total*=0.8);或者多个条件(total>=500&&total<=600)&&(total*=0.8)

        ||：如果前一个条件为true，则后一个条件不在执行,如果前一个条件为false，则后一个条件才会执行           
            固定套路：实现两个值二选一使用 -- 备选值、做老IE兼容
            var 变量=值1||值2;         

        4、位运算：

                m<<n 相当于m*2的n次方，例如8<<5,就是8*2的5次方

                m>>n 相当于m/2的n次方，例如8>>5,就是8/2的5次方

        5、赋值运算：+= -= *= /= %=

        只要取出变量的值做计算，之后还要保存回去的，就必须用到赋值运算

        比如：a*=2；//a=a*2；累乘      a+=1；//a=a+1;a++; 递增      a+=2；//a=a+2;累加

        递增和递减都是+-1，写法（i++；i--；++i；--i）如果不是1则用累加乘除

        递增/减单独使用++放前后都一样，

        递增/减参与了其他表达式，变量中的值都会被+1

        ++i返回的是递增后的新值，i++返回的是递增后的旧址；例如：

var i=2;
//           2     4     4     6
console.log(i++ + ++i + i++ + ++i)//这里输出的就是16，每进行一步都会递增，但他们返回的值不一样

     6、三目运算：简化分支if(){}else{}；if(){}else if(){}else{}

        语法：条件?操作1:默认操作; == if(){}else{}

                条件1?操作1:条件2?操作2:默认操作;    ===    if(){}else if(){}else{}

三目和短路的操作只能有一句，默认操作不能省略

        var btn5 = document.getElementsByTagName('button')[5];
            btn5.onclick=function year(){
                var num=parseFloat( prompt("输入价格打折"));             
                console.log(num>= 100?(num*0.8).toFixed(2):num)
            }