1 谷歌浏览器快速查看数据类型
字符串的颜色是黑色的,数据类型是蓝色的,布尔类型也是蓝色的,undefined和null是灰色的
2 转换成字符串类型
2.1 toString()
常规使用
var num1=123;
var res1=num1.toString();
console.log(res1); //123
console.log(typeof res1); //String
var num2=false;
var res2=false.toString();
console.log(res2); //false
console.log(typeof res2); //String
使用注意:
该方法不会影响到原变量,他会将转换的结果返回
var num3=123;
var res3=num3.toString();
console.log(typeof num3); //number
console.log(typeof res3); //String
数据类型调用toString()方法,可以携带一个参数,输出对应进制的值
var num=123;
var res=num.toString(10); //十进制
var num4=10;
console.log(num4.toString(2));
console.log(num4.toString(8));
console.log(num4.toString(10));
console.log(num4.toString(16));
null和undefined没有toString()方法,调用则报错
var num5=undefined;
console.log(num5.toString()); //错误
var num6=null;
console.log(num6.toString()); //错误
2.2 string()
有些值没有toString()方法,此时可以使用String() 比如null和undefined
使用注意:
null和undefined就不会调用toString()方法,而是直接转成字符串
var n1=null;
var s1=String(n1);
console.log(s1); //null
console.log(typeof s1); //String
var n2=undefined;
var s2=String(n2);
console.log(s2); //undefined
console.log(typeof s2); //String
对于Number和Boolean类型的数据,String()相当于调用toString()方法
var n3=123;
var s3=String(n3);
console.log(s3); //123
console.log(typeof s3); //String
var n4=false;
var s4=String(n4);
console.log(s4); //fales
console.log(typeof s4); //String
2.3 拼接字符串方式
常规使用:
任何数据和+""链接到一起都会转换为字符串
内部实现原理和String()函数一样
var n1=10010;
var s1=n1+"100";
console.log(s1); //10010100
console.log(typeof s1); //string
3 转换成数字类型
3.1 字符串转数字
如果是纯数字的字符串,则直接将其转换为数字
var s1="10010";
var r1=Number(sl);
console.log(r1); //10010
console.log(typeof r1); //Number
如果字符串为空,或者是一个全是空格的字符串,则转换为0
var s2="";
var r2=Number(s2);
console.log(r2); //0
console.log(typeof r2); //Number
var s3=" ";
var r3=Number(s3);
console.log(r3); //0
console.log(typeof r3); //Number
如果字符串中由非数字内容,则转换为NaN
var s4="17MRX"
var r4=Number(s4);
console.log(r4); //NaN
3.2 布尔转数字
true转成1,false转换成0
var b1=true;
var s1=Number(b1);
console.log(s1); //1
var b2=false;
var s2=Number(b2);
console.log(s2); //0
3.3 null和undefined转数字
null转数字为0
var s1=null;
var r1=Number(s1);
console.log(r1); //0
undefined转数字为NaN
var s2=undefined;
var r2=Number(s2);
console.log(r2); //NaN
3.4 parselnt()函数/parseFloat()函数———！重点！
使用意义:
Number()函数中无论字符串中是否存在有效整数,都会直接返回NaN
利用parselnt()和parseFloat()可以提取字符串中的有效整数和浮点数
parselnt()
有两个参数,第一个参数是要转换的字符串,第二个参数是要转换的进制
从第一位有效数字开始,直到遇到无效数字
如果第一位不是有效数字,直接返回NaN
var s1="10MRX";
var r1=parseInt(s1);
console.log(r1); //10
var s2="200X300";
var r2=parseInt(s2);
console.log(r2); //200
var s3="itLike001";
var r3=parseInt(s3);
console.log(r3); //NaN
var s4="";
var r4=parseInt(s4);
console.log(r4); //NaN
parseFloat()
不支持第二个参数,只能解析十进制数
如果解析的内容里只有整数,则只解析成整数
从第一位有效数字开始,直到遇到无效数字
如果第一位不是有效数字,直接返回NaN
var s5="10.5deg";
var r5=parseFloat(s5);
console.log(r5); //10.5
var s6="10.5.6.7.8deg";
var r6=parseFloat(s6);
console.log(r6); //10.5
使用注意:
对于非String使用parselnt()和parseFloat(),会将其先转换成String类型然后再操作
var s7=false;
var r7=parseInt(s7);
console.log(r7); NaN
3.5 +和-0运算符
添加+号,不会修改数据的正负性
调用的是Number()
var s1="12306"
var r1=+s1;
console.log(r1); //12306
console.log(typeof r1); //number
var s2="1.01"
var r2=+s2;
console.log(r2); //1.01
console.log(typeof r2); //number
var s3="20rem"
var r3=+s3;
console.log(r3); //NaN
console.log(typeof r3); //number
var s4="true"
var r4=+s4;
console.log(r4); //1
console.log(typeof r4); //number
var s5="false"
var r5=+s5;
console.log(r5); //0
console.log(typeof r5); //number
(-0)使用注意:
var s6="700";
console.log(+s6); //700
console.log(-s6); //-700
console.log(s6-0); //700
console.log(typeof (s6-0)); //number
4 转换成布尔类型
Boolean(),0,""(空字符串)null undefined NaN 会转换成false 其他都会转换成true
console.log(Boolean(0)); //会转换成fales
console.log(Boolean("")); //会转换成fales
console.log(Boolean(null)); //会转换成fales
console.log(Boolean(undefined)); //会转换成fales
console.log(Boolean(NaN)); //会转换成fales
console.log(Boolean(-1)); //会转换成true
var str="itLike";
var num1=123;
var num2=-1;
console.log(Boolean(str)); //会转换成true
console.log(Boolean(num1)); //会转换成true
console.log(Boolean(num2)); //会转换成true