序言:JavaScript中的取值类型非常的灵活,比如布尔值:当JavaScript期望使用一个布尔值的时候,我们可以提供任意类型值,JavaScript将根据需要自行转换类型,一些值(真值)转换为true,其他值(假值)转换为false。其他类型也一样,比如JavaScript期望使用一个字符串,它把给定的值转换为字符串,比如JavaScript期望使用一个数字,它把给定的值将转换成数字(若转换无意义就返回NaN),所以我们今天就来看一下发生在JavaScript里的类型转换。
1、7种数据类型
先来复习一下7种数据类型,这个闭着眼都要写出来~
简单类型(原始类型):number、string、boolean、symbol、null、undefined
复杂类型(合成类型):object
2、任意类型转换成字符串
2.1 String(全局函数)
// 语法
String(x)
2.2 toString方法
// 语法
x.toString()
注意:除了null和undefined以外的任何值都具有toString()方法。但这两个值可以被string()方法转换。还有下面这种方法。
2.3 ''+x
JavaScript中的某些运算符会做隐式的类型装换,很多老司机们就习惯于用运算符来进行类型转换,比如‘+’,两个操作数,一个是字符串的话,就会把另一个操作数转换成字符串。
x+ '' //等同于String(x)
{}+‘’ // 0
// 关于为什么会这样
我们之前提到过,对象用大括号表示,但是放在行首会出现歧义,浏览器读到后会有两种想法,一是认为它是一个表达式,是对象。二是认为它是一个语句。所以我们为了避免这种状况,表明它是对象时,在大括号外面加上圆括号。
所以,上图中,加了圆括号的正常识别,没有加圆括号就被浏览器解读成了语句,被忽略,所以上述代码就变成了
+‘’
+x等同于number(x),转换成数值了。‘’转换成数值就是0. (我们下面会讲到)
3、任意类型转换成Boolean
3.1 boolean(x)
Boolean(x)
记住:5个falsy值,0(-0),NaN,undefined,null,‘’(“”)。
除了这5个值,其他的都是true。
3.1 !!x
!!x // 等同于Boolean(x) 注意是双叹号
4、任意类型转换成number
4.1 number()
number(x)
在对象转换为数字的过程中,是这样的:
- 首先呼叫valueOf(),若对象具有这个方法,后者返回一个原始值(如果存在任意原始值就默认对象转换成表示她的原始值,对象是复合值,大多数也无法真正表达为一个原始值,所以我们默认valueOf简单的返回对象本身** )则JavaScript将这个原始值转换为number
- 否则,若对象具有toString()方法,后者返回一个原始值,则JavaScript将其转换为number
- 否则,JavaScript抛出一个类型错误异常
所以空数组转换成数字0就可以理解了,数组使用valueOf()方法,这个方法返回一个对象而不是原始值,因此,调换用toString()方法,空数组转换为空字符串,空字符串转换成number 0.
3.2 + x
+ x // 等同于number(x)
3.3 x-0
x-0 // 等同于number(x)
3.4 parseInt()
- parseInt()函数是全局函数,不属于任何类的方法,用于解析整数。
- 如果字符串前缀是“0x”或“0X”,parseInt()就将其解释为十六进制数。
- parseInt()会跳过任意数量的前导空格,尽可能解析更多的数值字符,忽略后面不能转换的。
- 若开头第一个字母就不能转换,即第一个非空格字符是非法的数字直接量,就返回NaN。
- parseInt()可以接受第二个参数,用来指定数字转换的基数(2进制,8进制,16进制等),即(2~36之间,不在区间内,返回NaN)表示被解析值的进制,返回对应10进制。
3.5 parseFloat()
- parseFloat()函数是全局函数,不属于任何类的方法,用于解析浮点数。
- parseFloat()会跳过任意数量的前导空格,尽可能解析更多的数值字符,忽略后面不能转换的。
- 若开头第一个字母就不能转换,即第一个非空格字符是非法的数字直接量,就返回NaN。
symbol暂时不涉及~ 欢迎纠错 ~