NaNi???
一、显性类型转换
强制类型转换主要是指通过String、Number和Boolean等构造方法手动转换成对应的字符串、数字和布尔值。
1.1 转为字符串
1.1.1 原始类型转字符串
| 原始类型 | 字符串 |
|---|---|
| string ：‘str’ | “str” |
| number : 123 | “123” |
| Boolean | “true”/“false” |
| null | “null” |
| undefined | “undefined” |
1.1.2 对象转字符串
1、如果对象有toString()方法，则调用toString()方法，如果返回原始值，则按照原始值转换规则转换成字符串。
2、如果对象没有toString()方法或者toString()方法返回的不是原始值，则调用valueOf()方法，如果返回原始值，则按照原始值转换规则转换成字符串
3、否则抛出错误：Cannot convert object to primitive value
常见对象的toString（）：默认是"[object Object]"
-
数组：将每个数组元素转换为一个字符串，并在元素之间添加逗号后合并成结果字符串 [1,2] “1,2”
-
函数 ：将函数转换成源代码字符串function(){} “function(){}”
-
日期：返回日期和时间字符串new Date() “Thu Aug 13 2020 14:08:59 GMT+0800 (中国标准时间)”
-
正则：正则表达式字符串new RegExp("[^xyz]") “/[^xyz]/”
举例验证：
var obj = {
toString() {return {}},valueOf() {return {}}
}
1.2 转为数字
1.2.1 原始类型转数字
| 原始类型 | 数字 |
|---|---|
| true/false | 1/0 |
| null | 0 |
| undefined | NaN |
| 空字符串 | 0 |
| 数字字符串：“2.333” | 2.333 |
| 不可完全解析为数值的字符串 | NaN |
1.2.2 对象转数字
1、如果对象有valueOf()方法，调用valueOf()方法，如果返回原始值，则按照原始值转换规则。
2、如果没有valueOf（）方法或valueOf()返回的不是原始值，则再调用toString()方法，如果原始值则按照原始值转换规则。
3、否则，则抛出错误：Cannot convert object to primitive value
大多数对象的没有原始值，valueOf（）返回对象本身，例数组，函数，正则
日期会返回 1970年1月1日以来的毫秒数。
1.3 转为布尔值：
除以下几种情况返回false，其他都返回true
false、null、 undefined 、 ‘’ 、 NaN 、 0（+0、-0）
二、自动（隐性）类型转换
自动类型转换就是不需要人为强制的进行转换，js会自动将类型转换为需要的类型，所以该转换操作用户是感觉不到的，因此又称为隐性类型转换。自动类型转换实际上和强制类型转换一样，也是通过String()、Number()、Boolean()等构造函数进行转换，只是该操作是JS自己自动完成的而已。自动类型转换的规则和强制类型转换的规则一致。
2.1转为字符串
字符串自动转换主要表现为字符串的拼接，字符串和其他类型用加号(+)拼接时，其他类型都自动转换为字符串。
'str' + 1 ====> "str1"
'str' + 'str' ====>"strstr"
'str' + null ====>"strnull"
'str' + undefined ====>"strundefined"
'str' + true ====>"strtrue"
'str' + {} ====>"str[object Object]"
2.2转为数字
在所有加减乘除等需要数字类型的地方，JS会自动转换成数字(除字符串与‘+’组合）。
-
-
- / %
-
== 、 >= 、 <= 、 < 、>
'1' - '2' ====> -1
'1' - null ====>1
'1' - undefined ====>NaN
'1' - true ====>0
'1' - NaN ====>NaN
'1' * 'a' ====>NaN
'1' - {} ====>NaN
'1' + 222 ====> 1222
2.3转为布尔
下面的情况会发生 布尔值隐式强制类型转换。
(1) if (…) 语句中的条件判断表达式。
(2) for ( … ; … ; … ) 语句中的条件判断表达式（第二个）。
(3) switch,while (…) 和 do…while(…) 循环中的条件判断表达式。
(4) ? : 中的条件判断表达式。
(5) !
(6) 逻辑运算符 ||（逻辑或）和 &&（逻辑与）左边的操作数（作为条件判断表达式）。
判等：
==：
null、undefined 除了和自身或者彼此==， 剩下和谁都不==
NaN和谁都不==
在判断 == 时，要先Number() 将两个操作数强制转为 Number 类型
测验
欢迎讨论 特别最后一个
1.undefined 转为数字类型是什么
2.var obj = {
toString() {return {}},valueOf() {return undefined}
}
Number(obj) 输出什么？
3.console.log(‘str’+{})
console.log(null == undefined)
console.log(null == 0)
console.log(null == false)
console.log(null == NaN)
console.log(undefined== 0)
console.log(undefined== false)
console.log(undefined== NaN)
console.log(NaN== NaN)
5.转换为布尔类型为false的几种情况？
6.
console.log([]==![])
console.log({}==!{})
happy everyday~
