浅谈隐式类型转换与显示类型转换的那些事

隐式类型转换

number类型转string类型

//先定义一个number类型的变量
//只要string类型跟boolean类型仍是number类型用+号，其余类型都会被转为字符串
var num=100;
var resu=''+num;
console.log(resu);//输出结果：字符串'100'

string类型转number类型或者boolean类型

//定义string类型的变量与number类型的变量
var str='100';
var str1='前端';
var str2='abc';
var num=5;
//从测试结果能够看出，string类型在跟数字类型作乘除减%运算时，获得的是数字类型的值，可是string类型必须是非英文，中文，不然得出的结果就是NaN，NaN也属于数字类型
console.log(str*num);//500
console.log(str-num);//95
console.log(str/num);//20
console.log(str%num);//0
console.log(str1-num);//NaN
console.log(str2-num);//NaN
//从测试结果能够看出，string类型在与其余类型作比较的时候，能够获得一个boolean值
console.log(str>num);//true

boolean类型转换number类型或者string类型

//定义boolean类型的变量，string类型变量，number类型变量
var boo=true;
var boo1=false;
var num=100;
var str='hello';
//从测试看出：Boolean类型的值跟number类型作加减乘除运算时，会自动转换为number类型进行算数计算，然而在与string类型用加号得出的是字符串拼接效果
console.log(boo+num);//101
console.log(boo+str);//truehello

显示类型转换

转换为string类型：

1.String();

//定义一个number类型，而后经过String()进行显示转换
var num=2020;
var res=String(num);
console.log(typeof res);//输出结果：string

2.toString();

//定义一个number类型，而后经过toString();方法进行转换
var str=1991;
var res=str.toString();
console.log(typeof res);//输出结果：string

转换为number类型

1.Number();

//测试看出：Number();只能转换字符串为数字，若是要转换的字符串里包含数字之外的，结果都是NaN
var str='100';
var str1='100Hello';
console.log(typeof Number(str));//输出结果：number
console.log(Number(str1));//输出结果：NaN

2.parseInt();

/*测试中看出：parseInt();不但能够转换只有数字的字符串类型，
还能够转换同时包含数字与英文的字符串类型，它会把前面的数字留下，
后面的英文去掉，可是若是前面的是英文，那么转换以后会出现NaN*/
var str='100';
var str1='100Hello';
var str2='Hello100';
console.log(typeof parseInt(str));//输出结果：number
console.log(parseInt(str1));//输出结果：100
console.log(praseInt(str2));//NaN

3.parseFloat();

/*从测试能够看出：parseFloat();除了能够转换整数还能够转换小数，
最好的一点是无论你再小数后面出现多少个点，它只认小数第一个点*/
var str='100.2px';
var str1='100.9.9.9';
var str3='200';
var boo=true;
console.log(parseFloat(str));//100.2
console.log(parseFloat(str1));//100.9
console.log(parseFloat(boo));//NaN
console.log(praseFloat(str3));//200

隐式类型转换和显式类型转换的区别：隐式类型转换：优势：性能好缺点：可读性差显式类型转换：优势：可读性高缺点：性能差