Web前端复习——Javascript复习（数值转换+运算符）

1、数值转换

两大类：隐式转换、强制转换

A.隐式转换

特点：无需程序员干预，js会自动完成的类型转换。。

在这里，仅讨论“+”运算符中的隐式转换：2句

算数运算中，一切类型都隐式转为Number类型，在进行计算。

比如——

"2"——2   true/false——1/0

特例： 

在“+”运算中，若运算符的任意一边出现字符串，则双方都自动转换为“字符串”类型。此外，“+”运算符也会变为字符串的拼接。

总结——仅影响表达式的运算结果，不影响变量中存储的实际值。

B.强制转换

（1）任意类型——String

var str = x.toString();

    js中，一切数据都有toString方法

var str = String(x);——隐式转换

何时使用？

   程序在需要时，会自动调用。

（2）任意类型——Number

String to Number——2种

第一种：var n = parseInt(str);

原理：从str开始位置逐个读取每个字符，直到碰到第一个不是数字的字符时，停止读取；

会自动忽略开头碰到的空格。

比如——

var width = "12px";

width +"2px" ——“12px2px”

    （1）Number(width) + Number("2px")——NaN

    （2）parseInt(width) + parseInt("2px")

"12px"              "2px"

   12      2   ——14

   
此时， width = 14+ "px";

    var money = $40;——NaN

第二种：var n = parseFloat(str);

原理和parseInt完全一致，但是parseFloat，只认定第一个小数点

比如——

parseFloat("34.56"); ——34.56

parseFloat("34.56.78");——34.56

Number(x)  VS parseInt(str)

比如——

Number("12px")——NaN

parseInt("12px")  ——12

        string to Number  ——parseInt

Number(true)——1

parseInt(string(true))——parseInt("true")——NaN

x to Number——Number()

（3）任意类型——Boolean

var bool = Boolean(x);  ——隐式转换

当x= ""/ NaN /undefined /null /0   Boolean(x)——false

其余时，为true

类型转换函数总结：

（1）Number——String

     Boolean——String

x.toString()/String

（2）String——Number

parseInt(str)

parseFloat(str)

（3）String——Boolean

     Number——Boolean

Boolean(x)

（4）Boolean——Number

Number(x)

2、运算符和表达式

程序：让计算机按照人的想法去执行任务。

运算符：程序中模拟人的思维运算或判断的符号。

运算符分类——

（1）算数运算符：“+”、“-”、“*”、“/”、“%”（取余）、“++”、“--”

“%”作用：a、判断奇偶数（n%2）

   b、确保一个运算的结果，不超过某个最大值（除数）

“++”使用：

a、情况1——“n++”，先n赋值，再运算++

var n=3;
console.log(n++);    //3
console.log(n);      //4

b、情况2——“++n”，先运算++，再n赋值

var n=3;
console.log(++n);      //4
console.log(n);        //4

总结：无论“n++”，还是“++n”，最后“n”的结果是相同的。

（2）关系运算符

将两个值进行比较：>、<、>=、<=、==、!=

返回true/false

隐式转换：将所有类型都转为number类型，再比较。

特殊情况：3种

a、两字符串比较

原理：依次PK每一位字符的unicode编号（只要有一位执法，分出大小，就不再比较）

比如："3">"10"——true

      "Smith">"Scott"——true

                  "m"   "c"

   109   99

      "张东">"张无忌"——false

  "东"   "无"

                 19996    26080

b、NaN：NaN和任何数据做大小或等于比较，永远返回false

NaN和任何数据做**不等于**比较，永远返回true

isNaN(num)：专门判断num是否是NaN

如果是NaN，返回true，否则返回false

When：今后只要判断一个数值是否是数字或是否是被转为数字，都用isNaN。

如果是数字，返回false，否则，返回true。

c、undefined VS null

undefined==null    true

===：全等，首先保证数据类型要相同，其次再比较数值是否相等。

不带隐式转换。

When：只要不希望关系运算中自动隐式转换时。

（3）逻辑运算符

返回值只有两个：true、false

a && b —— true true   — true

a || b —— true 任意x  — true

笔试题——

var n=10;
var m=10;
var r=n++>10 && ++m>10;
// n++>10 || ++m>10
console.log(r);
console.log(n);
console.log(m);

（4）位运算符——2个

左移：n<<m  将n的二进制，左移m位；

比如——1<<3  ——1*  2的3次方

右移：n>>m  将n的二进制，右移m位

比如——64>>3 ——64/ 2的3次方  ——8

（5）赋值运算符

5个：+=、-=、*=、/=、%=

（6）三元运算符

a ?  b : c

例如——计算“平年”还是“闰年”

year%4
==0
&&
year%100
!=0
||
year%400
==0
?
"是平年":"是闰年"