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

atinosun 發布于2019-08-23 10:48 / 1982人閱讀

摘要：隱式類型轉換類型轉類型先定義一個類型的變量只要類型跟類型還是類型用號，其他類型都會被轉為字符串輸出結果字符串類型轉類型或者類型定義類型的變量與類型的變量前端從測試結果可以看出，類型在跟數字類型做乘除減運算時，得到的是數字類型的值，但是類型必

隱式類型轉換

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

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

GPU云服務器云服務器隱式類型轉換存儲類型的轉換 jstl的類型轉換 js的數據類型轉換

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/96699.html

2018 淺談前端面試那些事

摘要：聲明的變量不得改變值，這意味著，一旦聲明變量，就必須立即初始化，不能留到以后賦值。雖然今年沒有換工作的打算但為了跟上時代的腳步還是忍不住整理了一份最新前端知識點知識點匯總 1.HTML HTML5新特性，語義化瀏覽器的標準模式和怪異模式xhtml和html的區別使用data-的好處meta標簽canvasHTML廢棄的標簽IE6 bug，和一些定位寫法css js放置位置和原因...

LiuRhoRamen 2019-08-30 14:11 評論0 收藏0
2018 淺談前端面試那些事

摘要：聲明的變量不得改變值，這意味著，一旦聲明變量，就必須立即初始化，不能留到以后賦值。雖然今年沒有換工作的打算但為了跟上時代的腳步還是忍不住整理了一份最新前端知識點知識點匯總 1.HTML HTML5新特性，語義化瀏覽器的標準模式和怪異模式xhtml和html的區別使用data-的好處meta標簽canvasHTML廢棄的標簽IE6 bug，和一些定位寫法css js放置位置和原因...

stormgens 2019-08-22 15:34 評論0 收藏0
2018 淺談前端面試那些事

摘要：聲明的變量不得改變值，這意味著，一旦聲明變量，就必須立即初始化，不能留到以后賦值。雖然今年沒有換工作的打算但為了跟上時代的腳步還是忍不住整理了一份最新前端知識點知識點匯總 1.HTML HTML5新特性，語義化瀏覽器的標準模式和怪異模式xhtml和html的區別使用data-的好處meta標簽canvasHTML廢棄的標簽IE6 bug，和一些定位寫法css js放置位置和原因...

Hujiawei 2019-08-01 18:43 評論0 收藏0
一次慢查詢暴露的隱蔽的問題

摘要：最近解決了一個生產慢查詢的問題，排查問題之后發現一些比較隱匿且容易忽略的問題。所以實際在數據庫查詢如下可能這里發生一次隱式轉換。這次查詢走的是索引。 showImg(https://segmentfault.com/img/bVbmJNK?w=6000&h=4000); Photo by Iga Palacz on Unsplash 最近解決了一個生產 SQL 慢查詢的問題，排查問題之...

missonce 2019-08-16 14:11 評論0 收藏0
智能合約之 eosio.cdt 我們需要知道的那些事

摘要：宏命令被移除，不能直接用去聲明一個要用去實例化一個對象，也將一些針對的函數整合進了。重構了，修改成構造函數增加和參數。 eosio.cdt 在 1.2.x 和 1.3.x 的改動比較大，雖然虛擬機是向后兼容的，但是為了避免意外情況，我們都會將陸續將合約代碼升級。下面來介紹一下大致的改動。 # 安裝 eosio.cdt, 因為 llvm 庫比較大，所以執行 clone 的時候比較...

zhigoo 2019-06-27 18:56 評論0 收藏0