JavaScript之数据类型转换

JavaScript中有多种数据类型，在实际工作中，不管是有意还是无意的，我们总能碰到不一样的数据类型值之间进行运算，或者我想从用户输入获得一个数字时，而用户却输入了一个字符串，这种时候就需要用到今天介绍的东西了——数据类型转换。JS中的数据类型转换主要分为两大类：显式类型转换，隐式类型转换。

一     显示类型转换

1、Number()

接受一个参数，并把它转换成数字。

如果参数包含数字和小数点以外的其他字符，则转换失败，返回NaN。下面是一些特殊值转换为数字的结果：

 Number(null);//
 Number(undefined);//NaN
 Number(true);//
 Number(false);//
 Number("");//

　　2、parseInt()

接受两个参数，第一个参数会被转换成十进制整数，第二个参数是一个数字，规定第一个参数的进制，它是可选的，默认是10。

转换规则：

　　　　a，首先判断第一个参数的数据类型，如果不是字符串或数字类型，则转换失败，直接返回NaN；

　　　　b，若是数字，则原样返回；

　　　　c，若是字符串，则从第一个非空白字符开始检测，直到遇到第一个非数字字符为止，然后返回前面的部分；

　　　　d，如果正负号是第一个非空字符，那么可以识别正负号；

　　　　e，不能识别小数点。

 parseInt("123");//
 parseInt("-123");//-123
 parseInt(123.123);//
 parseInt("    123");//
 parseInt("123abc");//
 parseInt("abc123");//NaN
 parseInt(true);//NaN
 parseInt(undefined);//NaN
 parseInt(unll);//NaN
 parseInt("");//NaN
11 parseInt(110,2);//6
12 parseInt(110,16);//272

　　3、parseFloat()

接受一个参数，并把它转换成小数。如果正负号是第一个非空字符，那么可以识别正负号。和parseInt唯一不同的是，它可以识别第一次出现的小数点。

 parseFloat("123.123");//123.123
 parseFloat("123.1.2.3");//123.1
 parseFloat("123.123abc");//123.123

　　4、toString()

用需要被转换成字符串的值调用toString()方法，格式：test.toString()，注意：数字不能直接调用，需要把数字赋值给变量调用。toString()方法的返回值都是字符串类型。

在转换数字时，可以接受一个数字类型作为参数，参数规定了转换后结果的进制。其他时候传参无效。

 var num = 10;
 var a = num.toString();//"10"
 var b = num.toString(2);//"1010"
 var c = num.toString(8);//"12"
 var d = num.toString(16);//"a"

　　5、String()

接受一个参数，将它转换成字符串。任何东西传进去都能的到字符串类型的返回值。

 String(123);//"123"
 String(123.123);//"123.123"
 String(undefined);//"undefined"
 String(null);//"null"
 String(true);//"true"

　　6、Boolean()

除undefined、null、0、NaN、“”(空串)、false转换成false外，其他任何东西都被转成true。

 Boolean(undefined);//false
 Boolean(null);//false
 Boolean(0);//false
 Boolean(NaN);//false
 Boolean("");//false
 Boolean(false);//false

二　　隐式类型转换

　　

　　1、isNaN()

　　　　接受一个参数，判断参数是否是数字，是则返回false，否则返回ture。

　　　　会触发隐式类型转换，先调用Number()把参数转换成数字类型。

 isNaN(123);//false
 isNaN("123");//false
 isNaN("");//false
 isNaN("abc");true

　　2、++/--（自增自减）和+/-(正负)

会触发隐式类型转换，先调用Number()把操作数转换成数字类型。

 var num = "123";
 num ++;//
 console.log(num);//

　　3、+（数字和字符串相加时）

会触发隐式类型转换，先调用String()把操作数转换成字符串类型。

 var num = 12;
 console.log("I'm " + num + "years old.");//"I'm 12 years old"
 console.log(num + "12");//"1212"

　　4、-、*、/、%

　　　　会触发隐式类型转换，先调用Number()把操作数转换成数字类型。

 var num = 12;
 console.log(num - 1);//
 console.log(num * 1);//
 console.log(num / 1);//
 console.log(num % 1);//

　　 5、&&、||、!

　　　　会触发隐式类型转换，调用Boolean()把每个操作数转换成布尔类型。

 123 && "abc";//"abc"
 0 && "abc";//0
 123 || "abc";//
 0 || undefined;//undefined
 !0;//true
 !1;//false

　　关于逻辑运算的返回值：当两个原始值进行逻辑运算时，与运算会返回第一个找到的能被Boolean()转换成false的操作数，否则返回最后一个操作数。或运算会返回第一个能被Boolean()转换成true的操作数，否则返回最后一个操作数。非运算将返回被Boolean()转换成布尔值后再取反的值。即非运算返回的不再是操作数的值，而是布尔值。

　　

　　6、>、<、<=、>=、==、!=（数字和字符串比较时）

　　　　会触发隐式类型转换，先调用Number()把操作数转换成数字类型。

 123 > "122";//true
 123 < "124";//true
 123 >= "123";//true
 123 <= "123";//true
 123 == "123";//true
 123 != "123";//false

最后有两个特别的：undefined == null 返回true；NaN == NaN 返回false。另外在做加法（+）运算时字符串优先，在做其他数学计算时，数字优先。