javascript类型转换

为君一笑 提交于 2020-01-10 03:37:13

Javascript类型转换:

转换为:字符串 数字 布尔值 对象
undefined “undefined” NaN false throws TypeError
null “null” 0 false throws TypeError
true “true” 1   new Boolean(true)
false “false” 0   new Boolean(false)
“”空字符串   0 false new String(“”)
“1.2”(非空,数字)   1.2 true new String(“1.2”)
“one”(非空,非数字)   NaN true new String(“one”)
0 “0”   false new Number(0)
-0 “0”   false new Number(-0)
NaN “NaN”   false new Number(NaN)
Infinity “Infinity”   true new Number(Infinity)
-Infinity “-Infinity”   true new Number(-Infinity)
1(无穷大,非零) “1”   true new Number(1)
{}(任意对象)     true  
[](任意数组) “” 0 true  
[9](1个数字对象) “9” 9 true  
[‘a’](其他数组) 使用join()方法 NaN true  
function(){}(任意函数)   NaN true  

 

转换和相等性

null==undefined             //这两值被认为相等

“0”=0                            //在比较之前字符串转换成数字

0==false                         //在比较之前布尔值转换成数字

“0”==false                  //在比较之前字符串和布尔值都转换成数字

“==”等于运算符在判断两个值是否相等时会进行类型转换,但一个值转换为另一个值并不意味着两个值相等。而“===”恒等运算符在判断相等时并未做任何类型转换。

 

显示类型转换

使用Boolean()、Number()、String()或Object()函数进行显示类型转换。

例如:

Number(“1”)                     //3

String(false)                           //”false”,等价于false.toString()

【另外注意:除了null、undefined之外的任何值都有toString()方法】

Boolean([])                           //true

Object(3)                              //new Number(3)

Number类定义的toString()方法可以接收表示转换基数(radix)【转换基数指二进、八进制、十六进制】,不指定则转换规则默认为十进制,radix取值范围为2~36之间。如果通过Number()转换函数传入一个字符串,它会试图将其转换为一个整数或浮点数直接量,这个方法只能基于十进制进行转换,并且不能出现非法的尾随字符。parseInt()和parseFloat()函数(它们是全局函数,不从属于任何类的方法)则灵活点,parseInt()只解析整数,而parseFloat()则可以解析整数和浮点数。如果字符串前缀是“0x”或者“0X”,parseInt()将其解释为十六进制数,parseInt()和parseFloat()都会跳过任意数量的前导空格,尽可能解析更多数值字符,并忽略后面的内容。如果第一个非空字符是非法的数字直接量,将返回NaN

例如:

parseInt(”3 blind mice”)                //3

parseFloat(“3.14 meters”)                //3.14

parseInt(“0xFF”)                             //255

parseFloat(“.1”)                             //0.1

parseInt(“.1”)                                //0

parseInt()可以接收第二个参数,这个参数指定数字转换的基数,合法的取值范围是2~36

 

 

隐式类型转换

js中的某些运算符会做隐式的类型转换。如果”+”运算符的一个操作数是字符串,它将会把另外一个操作数转换为字符串。一元“+”运算符将其操作数转换为数字。一元“!”运算符将其操作数转换为布尔值并取反。

例如:

x+""           //等价于String(x)

+x             //等价于Number(x),也可以写成x-0

!!x            //等价于Boolean(x)

 

 

对象转换为原始值

对象到布尔值的转换非常简单:所有对象(包括数组和函数)都转换为true。

所有的对象继承了两个转换方法:

1、toString():它的作用是返回一个反映这个对象的字符串。默认的toString()方法并不会返回一个有趣的值

2、valueOf():如果存在任意原始值,它就默认将对象转换为表示它的原始值。对象是复合值,而且大多数对象无法真正表示为一个原始值,因此默认的valueOf()方法简单地返回对象本身,而不是返回一个原始值。

js中对象到字符串的转换经过如下步骤:

①如果对象有toString()方法,则调用这个方法。如果返回一个原始值,js将这个值转换为字符串(如果本身不是字符串),并返回这个字符串结果

②如果对象没有toString()方法,或者这个方法返回的并不是一个原始值,那么js会调用valueOf()方法(如果存在此方法)。如果返回值是原始值,js将这个值转换为字符串(如果本身不是字符串的话),并返回这个字符串结果

③否则,js无法从toString()或valueOf()获得一个原始值,因此这时它将抛出一个类型错误异常

js中对象到数字的转换过程中,js做了同样的事情,只是它会首先尝试使用valueOf()方法

①如果对象具有valueOf()方法,或者返回一个原始值,则js将这个原始值转换为数字(如果需要的话)并返回、这个数字

②否则,如果对象具有toString()方法,后者返回一个原始值,则js将其转换并返回

③否则,js抛出一个类型错误异常

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!