摘要:隱式類型轉(zhuǎn)換與顯示類型轉(zhuǎn)換不是官方給的內(nèi)容隱式類型轉(zhuǎn)換轉(zhuǎn)換為類型類型轉(zhuǎn)換后內(nèi)容不變用法單引或雙引代碼示例圖定義類型類型和類型的變量一花一世界控制臺示例圖轉(zhuǎn)換為類型用法其他類型類型轉(zhuǎn)換為類型如果文本內(nèi)容是普通的文本非數(shù)字轉(zhuǎn)換后的結(jié)果
隱式類型轉(zhuǎn)換與顯示類型轉(zhuǎn)換 - (不是官方給的內(nèi)容) 隱式類型轉(zhuǎn)換
1.轉(zhuǎn)換為string類型 - 類型轉(zhuǎn)換后內(nèi)容不變 - 用法: + ""(單引)或 ""(雙引)
代碼示例圖:
// 定義number類型,string類型和boolean類型的變量 var num = 100; var str = "一花一世界"; var boo = false; var result1 = "" + num;// 100 console.log(typeof result1);// string var result2 = boo + "";// true console.log(typeof result2);// string
控制臺示例圖:
2.轉(zhuǎn)換為number類型 - 用法: + 其他類型
string類型轉(zhuǎn)換為number類型
如果文本內(nèi)容是普通的文本(非數(shù)字) -> 轉(zhuǎn)換后的結(jié)果為
如果文本內(nèi)容是數(shù)字值 -> 轉(zhuǎn)換后的結(jié)果為對應(yīng)數(shù)字值
boolean類型轉(zhuǎn)換為number類型
true轉(zhuǎn)換為 1
false轉(zhuǎn)換為 0
示例代碼
var result3 = +str; console.log(result3); console.log(typeof result3);// number var result4 = +boo; console.log(result4);// true為1,false為0 console.log(typeof result4);// number
3.轉(zhuǎn)換為boolean類型 - 用法: !! 其他類型
string類型轉(zhuǎn)換為boolean類型
空字符串(""或"")轉(zhuǎn)換后的結(jié)果為false,其余情況都為true
number類型轉(zhuǎn)換為boolean類型
0或NaN轉(zhuǎn)換后的結(jié)果為false,其余情況都為true
注意: undefined或null轉(zhuǎn)換后的結(jié)果為false
示例代碼:
var result5 = !!str; console.log(result5);// true console.log(typeof result5);// boolean var result6 = !!num; console.log(result6);// true console.log(typeof result6);// boolean顯示類型轉(zhuǎn)換
Number() - 轉(zhuǎn)換為數(shù)字值的類型
String() - 轉(zhuǎn)換為字符串的類型
Boolean() - 轉(zhuǎn)換為布爾值的類型
注意: 這種寫法很像包裝類型,區(qū)別包裝類型的定義方式是 new Number, new String和 new Boolean
1.轉(zhuǎn)換為string類型 - 用法:其他類型加一個 (點) toString
String()函數(shù) -> String(值)
toString()方法 -> 變量名.toString()
對象的方法 -> 將變量當作是一個對象來使用
// 定義number類型、string類型以及boolean類型的變量 var num = 100; var str = "一花一世界"; var str1 = "100"; var str2 = "100.7"; var boo = false; var result1 = String(num); console.log(typeof result1);// string var result2 = num.toString(); console.log(typeof result2);// string
2.轉(zhuǎn)換為number類型
Number()函數(shù) -> Number(值)
parseInt()函數(shù) -> parseInt(值)
轉(zhuǎn)換為number類型,轉(zhuǎn)換為一個整數(shù)
parseFloat()函數(shù) -> parseFloat(值)
轉(zhuǎn)換為number類型,轉(zhuǎn)換為一個浮點數(shù)
示例代碼:
var result3 = Number(boo); console.log(typeof result3);// number var result4 = parseInt(str1); console.log(typeof result4);// 100 var result5 = parseFloat(str1); console.log(result5);// 100
注意:
如果用parseInt(轉(zhuǎn)換整數(shù))轉(zhuǎn)換浮點數(shù)(100.1)JavaScript會自動取整數(shù)部分
如果用parseFloat(轉(zhuǎn)換浮點)轉(zhuǎn)換整數(shù)(100)JavaScript會自動去掉浮點
示例代碼:
var result6 = parseInt(str2); console.log(result6);// 如果當前值為小數(shù)的話,parseInt()后取整數(shù)部分 - 100 var result7 = parseFloat(str2); console.log(result7);// 100.7
3.轉(zhuǎn)換為boolean類型
Boolean()函數(shù) -> Boolean(值)
示例代碼:
var result8 = Boolean(str); console.log(result8);// true隱式類型轉(zhuǎn)換與顯示類型轉(zhuǎn)換的區(qū)別
顯示類型轉(zhuǎn)換
優(yōu)點 - 可讀性高
缺點 - 性能差
隱式類型轉(zhuǎn)換
優(yōu)點 - 性能好
缺點 - 可讀性差
備注: 在代碼量不是很多的情況下并且不影響性能 - 建議使用顯示類型轉(zhuǎn)換,因為可讀性會好(代碼的清晰度高)
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/96688.html
摘要:作用域鏈的作用就是做標示符解析。事件循環(huán)還有個明顯的特點單線程。早期都是用作開發(fā),單線程可以比較好當規(guī)避同步問題,降低了開發(fā)門檻。單線程需要解決的是效率問題,里的解決思想是異步非阻塞。 0、前言 本人在大學時非常癡迷java,認為java就是世界上最好的語言,偶爾在項目中會用到一些javascript,但基本沒放在眼里。較全面的接觸javascript是在實習的時候,通過這次的了解發(fā)現(xiàn)...
摘要:關(guān)于兩個專業(yè)術(shù)語的討論起自對你不知道的一書的閱讀學習。遇到,編譯器會詢問作用域是否已經(jīng)有一個該名稱的變量存在于同一個作用域的集合中。摘錄來自你不知道的。 JS 編譯之 LHS RHS 一、前言 最近和朋友聊技術(shù)的時候,聊到 LHS RHS,我竟然沒聽說過 沒聽說過。。。 于是成功引起了我的好奇心。 關(guān)于兩個專業(yè)術(shù)語的討論起自對《你不知道的JavaScript》一書的閱讀學習。 二、編譯...
摘要:從現(xiàn)在開始,養(yǎng)成寫技術(shù)博客的習慣,或許可以在你的職業(yè)生涯發(fā)揮著不可忽略的作用。如果想了解更多優(yōu)秀的前端資料,建議收藏下前端英文網(wǎng)站匯總這個網(wǎng)站,收錄了國外一些優(yōu)質(zhì)的博客及其視頻資料。 前言 寫文章是一個短期收益少,長期收益很大的一件事情,人們總是高估短期收益,低估長期收益。往往是很多人堅持不下來,特別是寫文章的初期,剛寫完文章沒有人閱讀會有一種挫敗感,影響了后期創(chuàng)作。 從某種意義上說,...
摘要:從現(xiàn)在開始,養(yǎng)成寫技術(shù)博客的習慣,或許可以在你的職業(yè)生涯發(fā)揮著不可忽略的作用。如果想了解更多優(yōu)秀的前端資料,建議收藏下前端英文網(wǎng)站匯總這個網(wǎng)站,收錄了國外一些優(yōu)質(zhì)的博客及其視頻資料。 前言 寫文章是一個短期收益少,長期收益很大的一件事情,人們總是高估短期收益,低估長期收益。往往是很多人堅持不下來,特別是寫文章的初期,剛寫完文章沒有人閱讀會有一種挫敗感,影響了后期創(chuàng)作。 從某種意義上說,...
閱讀 1053·2023-04-25 17:51
閱讀 2858·2021-11-23 09:51
閱讀 1483·2021-11-08 13:21
閱讀 2457·2021-09-22 15:14
閱讀 1522·2019-08-30 12:48
閱讀 1086·2019-08-29 12:44
閱讀 1146·2019-08-26 12:21
閱讀 1403·2019-08-26 10:47