一、转换成字符串类型
1、toString() 函数
数值、布尔值、对象和字符串值(每个字符串也都有一个 toString()方法,该方法返回字符串的一个副本)都有 toString()方法。
但 null 和 undefined 值没有这个方法。
多数情况下,调用 toString()方法不必传递参数。
在调用数值的 toString()方法时,可以传递一个参数:输出数值的基数。
默认情况下, toString()方法以十进制格式返回数值的字符串表示。而通过传递基数, toString()可以输出以二进制、八进制、十六进制,乃至其他任意有效进制格式表示的字符串值
Demo:
var num = 10;
alert(num.toString()); // "10" 默认十进制
alert(num.toString(2)); // "1010" 二进制
alert(num.toString(8)); // "12" 八进制
alert(num.toString(10)); // "10" 十进制
alert(num.toString(16)); // "a" 十六进制
2、String() 函数
在不知道要转换的值是不是 null 或 undefined 的情况下,还可以使用转型函数 String(),这个函数能够将任何类型的值转换为字符串。
转换规则:
-
-
- 如果值有 toString()方法,则调用该方法(没有参数)并返回相应的结果;
- 如果值是 null,则返回"null";
- 如果值是 undefined,则返回"undefined"。
- 如果值有 toString()方法,则调用该方法(没有参数)并返回相应的结果;
-
Demo:
var value1 = null;
var value2;
console.log(String(value1)); // "null"
console.log(String(value2)); // "undefined"
3、拼接字符串方法
当 + 两边一个操作符是字符串类型,一个操作符是其它类型的时候,会先把其它类型转换成字符串再进行字符串拼接,返回字符串。
要把某个值转换为字符串,可以使用加号操作符把它与一个空字符串( "")加在一起即可。
二、转换成数值类型
1、Number() 函数
该函数可以用于任何数据类型 。
转换规则:
-
-
- 如果是 Boolean 值, true 和 false 将分别被转换为 1 和 0。
- 如果是数字值,只是简单的传入和返回。
- 如果是 null 值,返回 0。
- 如果是 undefined,返回 NaN。
- 如果是字符串,遵循下列规则:
- 如果字符串中只包含数字(包括前面带正号或负号的情况),则将其转换为十进制数值, 即"1"会变成 1, "123"会变成 123,而"011"会变成 11(注意:前导的零被忽略了);
- 如果字符串中包含有效的浮点格式,如"1.1",则将其转换为对应的浮点数值(同样,也会忽略前导零);
- 如果字符串中包含有效的十六进制格式,例如 "0xf",则将其转换为相同大小的十进制整数值;
- 如果字符串是空的(不包含任何字符),则将其转换为 0;
- 如果字符串中包含除上述格式之外的字符,则将其转换为 NaN。
- 如果是对象,则调用对象的 valueOf()方法,然后依照前面的规则转换返回的值。如果转换的结果是 NaN,则调用对象的 toString()方法,然后再次依照前面的规则转换返回的字符串值。
- 如果是 Boolean 值, true 和 false 将分别被转换为 1 和 0。
-
2、parseInt() 函数
该函数专门用于把字符串转换成整数。
该函数会忽略字符串前面的空格,直至找到第一个非空格字符。
如果第一个字符不是数字字符或者负号, parseInt()就会返回 NaN; 用 parseInt()转换空字符串会返回 NaN( Number()对空字符返回 0)。
如果第一个字符是数字字符, parseInt()会继续解析第二个字符,直到解析完所有后续字符或者遇到了一个非数字字符。 (遇到小数点不会解析)
扩展:
如果字符串中的第一个字符是数字字符, parseInt()也能够识别出各种整数格式(即十进制、八进制和十六进制数)。
如果字符串以"0x"开头且后跟数字字符,就会将其当作一个十六进制整数;如果字符串以"0"开头且后跟数字字符,则会将其当作一个八进制数来解析。
但是这样来说并不严谨,对于八进制来说,前面的标识 “0” 可能会被认为无效,从而舍去。所以,可以为这个函数提供第二个参数:转换时使用的基数(即多少进制)。
Demo:
var num1 = parseInt("10", 2); //2 (按二进制解析)
var num2 = parseInt("10", 8); //8 (按八进制解析)
var num3 = parseInt("10", 10); //10 (按十进制解析)
var num4 = parseInt("10", 16); //16 (按十六进制解析)
Tips:多数情况下,我们要解析的都是十进制数值,因此始终将 10 作为第二个参数是非常必要的。
3、parseFloat() 函数
该函数专门用于把字符串转换成浮点数。
该函数也是从第一个字符(位置 0)开始解析每个字符。而且也是一直解析到字符串末尾,或者解析到遇见一个无效的浮点数字字符为止。
字符串中的第一个小数点是有效的,而第二个小数点就是无效的了,因此它后面的字符串将被忽略 。例:"22.34.5"将会被转换为 22.34。
与 parseInt() 区别:
始终都会忽略前导的零。 由于 parseFloat()只解析十进制值,因此它没有用第二个参数指定基数的用法。
Demo:
var num1 = parseFloat("1234blue"); //1234 (整数)
var num2 = parseFloat("0xA"); //0
var num3 = parseFloat("22.5"); //22.5
var num4 = parseFloat("22.34.5"); //22.34
var num5 = parseFloat("0908.5"); //908.5
var num6 = parseFloat("3.125e7"); //31250000
4、“-0” 操作和 加 “+” 操作
Demo:
var str = '500';
console.log(+str); // 取正
console.log(-str); // 取负
console.log(str - 0);
分析:对于上面的一个字符串,可以观察到里面是由数字组成的。可以在字符串前面添加 “+” 或者 “-”号使之变成一个数值类型,也可以让字符串执行 “-0” 的操作。
三、转化成布尔类型
1、Boolean() 函数
用法:
Boolean(参数);
可以对任何数据类型的值调用 Boolean()函数,而且总会返回一个 Boolean 值。
转换规则:
0、‘’(空字符串)、NaN、null 和 undefined 都会转成 false,其他的都为 true。
2、布尔类型的隐式转换
在 if 等流程控制语句中会把下面的值隐式转换成布尔类型:
转换成 true: 非空字符串、非0数字, true ,任何对象
转换成 false: 空字符串、0、false、null、undefined