JavaScript类型转换方法及需要注意的问题小结(挺全面)
2024-05-06 14:26:48
供稿：网友
一、类型转换的方法和应该注意的问题：
1.转换为布尔型：
（1）用两次非运算(!):
!!5 ==> true
（2）用布尔型的构造函数：
new Boolean(5) == > true
值转换为布尔类型为false：
0，+0，-0，NaN，""(空字符串),undefined,null
除上面的值其他值在转换以后为true，需要特别提到的是:
"0",new Object(),function(){}
2.转换为字符串类型：
（1）加上空字符串""：
123 + "" = "123"
（2）用字符串构造函数：
new String(123) = "123".
需要特别注意的转化：
+0 ==> "0"
-0 ==> "0"
-Infinity ==>"-Infinity"
+Infinity ==>"+Infinity"
NaN ==> "NaN"
undefined ==> "undefined"
null ==> "null"
new Object() ==> "[object Object]"
function(){} ==> "function(){}"
3.转换为数值型：
（1） 取正（+）， 减零 （-0）， 乘一，（*1），除以一（/1),取负（-，这个得到相反的值）。
+"123" = 123
+true = 1
（2）用构造函数Number();
new Number("123") = 123
几个需要特别注意的转化：
""（空字符串） ==> 0
"010" ==> 10
"0x10"(16进制) ==> 16
"-010" ==> -10
"-0x10" ==> NaN
undefined ==> NaN
null ==> 0
true ==> 1
false ==> 0
new Object() ==> NaN
new function(){} ==> NaN
二、隐式类型转换：
(1)二元加法运算（+）：如果两个操作数中有一个是String类型，将把两个操作数转换为String类型再相加。
如果两个操作数中没有字符串类型，那么将把两个操作数转换为数值类型再做运算。
举例：
"123"+123 = "123123";
123+123 = 246
true + true = 2
true + undefined = NaN （因为undefined转换为数值为NaN,所有结果为NaN)
true + null = 1 (null转换为数字是0)
"123" + null = "123null" (包含字符串将转化为字符串相加)
"123" + undefined = "123undefined" （undefined同样适用）
1 + 2 + "123" = "3123" (1+2是首先按照数值型计算的)
(2)二元减乘除运算（-*/):因为只有数值类型才有 - * / 运算，所以会先将两个操作数转换为数值型再做运算。
"123"-123 = 0
(3)一元取正（+），取负运算符(-):取正或者取负都是针对数值型的运算，所以会将操作数转换为数值型再做运算。
+"123" = 123
-"123" = -123
+"123e" = NaN
+"123f" = NaN
+"123e-2" = 1.23
(4)一元非(!)运算符:非运算符需要将操作数转化为布尔类型。
!"123" = false
!!"123" = true
!123 = false
!!123 = true
(5)逻辑运算符（&&）和（||）：
在&&或者||的两侧被判断的时候会被转为布尔类型进行判断，
但是我在测试的时候却发现一个有趣的事情。
&&运算符：如果有一个项为false，那么表达式返回false,如果所有的项都不为false，那么表达式返回最右边一个项的原始值。
举例：
123 && 23 && 45 返回 45,而不是我们想象中的true.
