淺談隱式類型轉換與顯示類型轉換的那些事

隱式類型轉換

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

隱式類型轉換和顯式類型轉換的區別：隱式類型轉換：優勢：性能好缺點：可讀性差顯式類型轉換：優勢：可讀性高缺點：性能差