数据类型转换
如何使用谷歌浏览器，快速的查看数据类型？
字符串的颜色是黑色的，数值类型是蓝色的，布尔类型也是蓝色的，undefined和null是灰色的
转换成字符串类型
- toString()
var num = 5; console.log(num.toString());
- String()
String()函数存在的意义：有些值没有toString()，这个时候可以使用String()。比如：undefined和null
- 拼接字符串方式
num + " "，当 + 两边一个操作符是字符串类型，一个操作符是其它类型的时候，会先把其它类型转换成字符串再进行字符串拼接，返回字符串
转换成数值类型
- Number()
Number()可以把任意值转换成数值，如果要转换的字符串中有一个不是数值的字符，返回NaN
- parseInt()
var num1 = parseInt("12.3abc"); // 返回12，如果第一个字符是数字会解析知道遇到非数字结束 var num2 = parseInt("abc123"); // 返回NaN，如果第一个字符不是数字或者符号就返回NaN
- parseFloat()
parseFloat()把字符串转换成浮点数 parseFloat()和parseInt非常相似，不同之处在与 parseFloat会解析第一个. 遇到第二个.或者非数字结束 如果解析的内容里只有整数，解析成整数
+，-0等运算
var str = '500'; console.log(+str); // 取正 console.log(-str); // 取负 console.log(str - 0);
转换成布尔类型
- Boolean()
0 ‘’(空字符串) null undefined NaN 会转换成false 其它都会转换成true
代码示例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>$永远的24k纯帅$</title> <script> // 类型转换 // 其他类型转数字类型:三种方式: // 1.parseInt();//转整数 console.log(parseInt("10"));//10 console.log(parseInt("10afrswfdsf"));//10 console.log(parseInt("g10"));//NaN console.log(parseInt("1fds0"));//1 console.log(parseInt("10.98"));//10 console.log(parseInt("10.98fdsfd"));//10 // 2.parseFloat()//转小数 console.log(parseFloat("10"));//10 console.log(parseFloat("10afrswfdsf"));//10 console.log(parseFloat("g10"));//NaN console.log(parseFloat("1fds0"));//1 console.log(parseFloat("10.98"));//10.98 console.log(parseFloat("10.98fdsfd"));//10.98 // 3.Number();//转数字 console.log(Number("10"));//10 console.log(Number("10afrswfdsf"));//NaN console.log(Number("g10"));//NaN console.log(Number("1fds0"));//NaN console.log(Number("10.98"));//10.98 console.log(Number("10.98fdsfd"));//NaN // 总结:想要转整数用parseInt(),想要转小数用parseFloat() // 想要转数字:Number();要比上面的两种方式严格 // 其他类型转字符串类型 // 1 .toString() var num=10; console.log(num.toString());//字符串类型 //2 String(); var num1=20; console.log(String(num1)); // 如果变量有意义调用.toString()使用转换 // 如果变量没有意义使用String()转换 var num2; console.log(num2.toString()); var num3=null; console.log(num3.toString()); // 这个可以 var num2; console.log(String(num2)); var num3=null; console.log(String(num3)); // 其他类型转布尔类型 // 1 Boolean(值); console.log(Boolean(1));//true console.log(Boolean(0));//false console.log(Boolean(11));//true console.log(Boolean(-10));//true console.log(Boolean("哈哈"));//true console.log(Boolean(""));//false console.log(Boolean(null));//false console.log(Boolean(undefined));//false var str=10; console.log(+str); </script> </head> <body> </body> </html>
