1,概述
JavaScript 是一种动态类型语言,变量没有类型限制,可以随时赋予任意值。
var x = y ? 1 : 'a';
上面代码中,变量x到底是数值还是字符串,取决于另一个变量y的值。y为true时,x是一个数值;y为false时,x是一个字符串。这意味着,x的类型没法在编译阶段就知道,必须等到运行时才能知道。
虽然变量的数据类型是不确定的,但是各种运算符对数据类型是有要求的。如果运算符发现,运算子的类型与预期不符,就会自动转换类型。比如,减法运算符预期左右两侧的运算子应该是数值,如果不是,就会自动将它们转为数值。
'4' - '3' // 1
上面代码中,虽然是两个字符串相减,但是依然会得到结果数值1,原因就在于 JavaScript 将运算子自动转为了数值。
2,基本数据类型之间的相互转换
2.1 其他类型转化成字符串类型
常见的几种转换成字符类型的形式有以下几种
- 强制类型转换 String()
- 对象法 *.toString()
- 隐式数据类型转换 + " "
(1)原始类型值
- 数值:转为相应的字符串。
- 字符串:转换后还是原来的值。
- 布尔值:true转为字符串"true",false转为字符串"false"。
- undefined:转为字符串"undefined"。
- null:转为字符串"null"。
String(123) // "123"
String('abc') // "abc"
String(true) // "true"
String(undefined) // "undefined"
String(null) // "null"
//以上的方式同样可以通过toString方法进行转换
var a = 123 /'abc'/true/undefined/null;
a.toString(); //"123"
//空字符串拼接法
"" + 123; // "123"
2.2 其他类型转化成数值类型
常见的几种转换成字符类型的形式有以下几种
强制类型转换 Number() parseInt()
隐式数据类型转换 + -
(1)原始类型值
原始类型值的转换规则如下。
// 数值:转换后还是原来的值
Number(324) // 324
// 字符串:如果可以被解析为数值,则转换为相应的数值
Number('324') // 324
// 字符串:如果不可以被解析为数值,返回 NaN
Number('324abc') // NaN
// 空字符串转为0
Number('') // 0
// 布尔值:true 转成 1,false 转成 0
Number(true) // 1
Number(false) // 0
// undefined:转成 NaN
Number(undefined) // NaN
// null:转成0
Number(null) // 0
Number函数将字符串转为数值,要比parseInt函数严格很多。基本上,只要有一个字符无法转成数值,整个字符串就会被转为NaN。
parseInt('42 cats') // 42
Number('42 cats') // NaN
上面代码中,parseInt逐个解析字符,而Number函数整体转换字符串的类型。
同类的还有 parseFloat
可以这样去记忆:
parseInt 就像队伍中的队长,会从头挨个查看每一个队员,但凡碰到一个不是自己的队员,后面所有的都不管了
Number 就像将军,会纵观全局,如果发现其中某一个不是自己的兵,就默认整支队伍都不是自己的
另外,parseInt和Number函数都会自动过滤一个字符串前导和后缀的空格。
parseInt('\t\v\r12.34\n') // 12
Number('\t\v\r12.34\n') // 12.34
隐式转换,这种当时用到的比较少,但是在遇到这种写法的时候要知道是遇到了隐式的转换
'5' - '2' // 3
'5' * '2' // 10
true - 1 // 0
false - 1 // -1
'1' - 1 // 0
'5' * [] // 0
false / '5' // 0
'abc' - 1 // NaN
null + 1 // 1
undefined + 1 // NaN
上面代码中,运算符两侧的运算子,都被转成了数值。
注意:null转为数值时为0,而undefined转为数值时为NaN。
一元运算符也会把运算子转成数值。
+'abc' // NaN
-'abc' // NaN
+true // 1
-false // 0
2.3 其他类型转化成布尔值类型
常见的几种转换成字符类型的形式有以下几种
强制数据类型转换 Boolean()
隐式数据类型转换 判断条件语句中
它的转换规则相对简单:除了以下五个值的转换结果为false,其他的值全部为true。
- undefined
- null
- 0(包含-0和+0)
- NaN
- “”(空字符串)
Boolean(undefined) // false
Boolean(null) // false
Boolean(0) // false
Boolean(NaN) // false
Boolean('') // false
当然,true和false这两个布尔值不会发生变化。
Boolean(true) // true
Boolean(false) // false
自动转换(隐式转换)的规则是这样的:预期什么类型的值,就调用该类型的转换函数。比如,某个位置预期为字符串,就调用String()函数进行转换。如果该位置既可以是字符串,也可能是数值,那么默认转为数值。遇到预期为布尔值的地方(比如if语句的条件部分),就会将非布尔值的参数自动转换为布尔值。系统内部会自动调用Boolean()函数