JS入门之数据类型(下)

四、 数据类型转换

显式转换

1. 转为数值类型

(1). Number();

①. Boolean
true - 1
false - 0

②. Number = 数值

③. Null = 0

④. Undefined = NaN

⑤. String
只包含数字(前面携带正负号)
前导零会被忽略
识别浮点、整数、16进制(自动转为同等大小的十进制数值)
空字符串 = 0
除上述之外 均为NaN

⑥. Object
先使用valueOf()方法,然后依照前面规则转换返回的值，如果转换的结果是NaN，在使用toString()方法，再次依照前面的规则转换返回的字符串

(2). parseInt();

忽略字符串前面的空格，直至找到第一个非空字符，
如果第一个字符不是数字字符或者正负号 返回 NaN
如果第一个字符是数字字符，parseInt会继续解析第二个字符，知道解析完所有后续字符或者遇到了一个非数字字符
字符串以'0x'开头且后跟数字字符，就会将其当作一个十六进制整数
字符串以'0'开头且后跟数字字符，则会将其当作一个八进制数来解析
空字符串 返回 NaN

(3). parseFloat();

第一个小数点是有效的，第二个小数点是无效的
只解析十进制，无第二个参数
十六进制式的字符串始终被转换为 0

栗子：

var str = '1a'; // NaN  1  1
var str1 = '1.1a'; // NaN 1  1.1
var str2 = '12'; // 12 12 12
var str3 = ''; // 0 NaN NaN

var bool = true; // 1
var bool1 = false; // 0

var n = null; // 0
var u = undefined; // NaN

var arr = []; // 0
var arr1 = [1]; // 1
var arr2 = [1, 2]; // 1

var obj = {}; // NaN
var obj = {name: '1'} // NaN

2. 转为字符串类型

String(变量);
null与undefined可使用这个转型函数
变量.toString(进制);
参数是基数（几进制）
数值、布尔值、对象和字符串都有这个方法，null与undefined则没有

3. 转为布尔类型

Boolean(变量);

栗子：

var str = '1a'; // true
var str1 = '1.1a'; // true
var str2 = '12'; // true
var str3 = ''; // false

var bool = true; // true
var bool2 = false;  // false

var n = null; // false
var u = undefined; // false

var arr = []; // true
var arr1 = [1]; // true
var arr2 = [1,2]; // true

var obj = {}; // true
var obj1 = {name: '1'} // true

隐式转换：

1. 字符串转为数字

前置性

递增 ++a;
console.log(++a); // a+1
递减 --a;
console.log(--a); // a-1

后置性

递增 a++;
console.log(a++); // a
递减 a--;
console.log(a--); // a
负 -a;
console.log(-a); // -1
正 +a;
console.log(+a); // 1

加性运算符

减号-
偏爱一方： 数字 => 运算
console.log(b - a);

乘性运算符

(1). 乘法*
console.log(a * b); // 123
(2). 除法/
console.log(a / b); // 123
(3). 求模/求余数
console.log(a % b); // 0

等号运算符

等于==
console.log(a == b); // false
!= 不等于
console.log(a != b); // true

2. 数字转为字符串

+''
console.log(b + 'a'); // 123a

+号
偏爱一方： 字符串 => 拼接
console.log(a + b); // 1123

3. 转为布尔

！
console.log(!a); //false

3. 运算符

1. 逗号运算符

1.1 声明多个变量的时，使用逗号隔开
1.2 用于赋值
var a = (1, 2, 3, 0); // a为0 （取最后一项）

2. 一元操作符

1). 前置++ 前置--
先+ （-）后运算
2). 后置++ 后置--
先运算后+ （-）
3).+ - 号

3. 加性操作符

1).+ 加号
更偏爱 拼接
2).- 减号
更偏爱 运算

3. 0 、 Infinity、-Infinity的加性运算 => 画X轴
4. 乘性运算符

1). 乘法 *
2). 除法 /
3). 求模(求余数)

5. 布尔操作符

1).逻辑非 !
2).逻辑与 &&
3).逻辑或 ||

6. 关系操作符

小于 <
大于 >
小于等于 <=
大于等于 >=

7. 条件操作符

三目运算符
expression ? true : false;

8. 赋值操作符

乘/赋值 *=
除/赋值 /=
模/赋值 %=
加/赋值 +=
减/赋值 -=

9. 相等和不等运算符中的数据类型转换

1). == 和 !=判断规则
会进行类型转换
2). === 、!== 、 对象==对象 这三种情况不会进行类型转换
如果有一个操作符是布尔值，则在比较相等性之前先将其转换为数值
false转换为0；true转换为1
如果有一个数是字符串，另一个操作数是数值，将其字符串转换为数值
如果一个操作符是对象，另一个操作数不是对象，将对象转化为基本操作类型
先valueOf(),再toString(),均不能得到基本类型的值就会报错

3. 对象在 == 判断的时候

若两边都是对象，不会进行类型转换，为同一个引用才会返回true
若只有一边为对象，则会先调用对象的valueOf()方法
不能返回基本类型，再调用对象的toString()方法，
还是不能返回基本类型就会报错，
否则用转化后的基本类型值继续进行判断

4. 字符与字符比较会根据字符编码排序先后