基于javascript 顯式轉(zhuǎn)換與隱式轉(zhuǎn)換(詳解)
顯示轉(zhuǎn)換
1.題目:請(qǐng)輸入今年的年齡,求5年后多大?
//a.prompt接收到的數(shù)據(jù)是string類型的。
var age = prompt("請(qǐng)輸入你今年的年齡");
alert(typeof age);
var age5 = age + 5; // 這里只會(huì)拼接成了15,而不是加5
alert("我今年"+age+"歲了,5年后我"+age5+"歲了");
2.字符串要轉(zhuǎn)換成number類型。
針對(duì)上述問(wèn)題,需要將age轉(zhuǎn)換為數(shù)字型
2.1 可以使用Number(需要轉(zhuǎn)化的內(nèi)容);
var str = true; var num = Number(str); console.log(num); //1 console.log(typeof num); //number // 注意: // 1.如果這個(gè)轉(zhuǎn)換的字符串本身就是一個(gè)數(shù)字,那么可以轉(zhuǎn)換成功; 如果這個(gè)字符串本身不是一個(gè)數(shù)字,那么轉(zhuǎn)成NaN. // 2.如果這個(gè)字符串本身是一個(gè)數(shù)字,前后有空格,也是會(huì)轉(zhuǎn)換成功的; 如果中間有空格,就轉(zhuǎn)成NaN. // 3.如果是一個(gè)"",或者是" ",或者是flase,那么會(huì)轉(zhuǎn)換成0.true轉(zhuǎn)成1,undefined轉(zhuǎn)成NaN // 4.如果字符串的本身是一個(gè)小數(shù),也是可以轉(zhuǎn)換成功的。
2.2 可以使用parseInt(需要轉(zhuǎn)化的內(nèi)容);
var str = "123"; var num = parseInt(str); console.log(num); //123 console.log(typeof num); //number // 注意: // 1.從左往右查找,直到遇到第一個(gè)非數(shù)字為止,前面的所有的內(nèi)容轉(zhuǎn)換成數(shù)字。 // 2.如果找完了,都沒(méi)有找到一個(gè)數(shù)字,那么就轉(zhuǎn)換成NaN. // 3."" 和 " " 轉(zhuǎn)化成NaN // 4.如果字符串里面是小數(shù),那么轉(zhuǎn)換后只能得到他的整數(shù)部分。
2.3 可以使用parseFloat(需要轉(zhuǎn)化的內(nèi)容);
var str = "123.24ll"; var num = parseFloat(str); console.log(num); //123.24 console.log(typeof num); //number // 注意:如果字符串里面是小數(shù),那么轉(zhuǎn)換后還是小數(shù)。。 //******注意: true會(huì)轉(zhuǎn)成1,false會(huì)轉(zhuǎn)換0. // 如果字符串轉(zhuǎn)數(shù)字,一般的使用parseInt或者parseFolat。 // 如果是其他類型,比如布爾類型,使用Number();
3. 其他類型數(shù)據(jù) 轉(zhuǎn)換成字符串類型。
3.1 可以使用 String(需要轉(zhuǎn)化的內(nèi)容);
var num = 123; var str = String(num); console.log(str); //"123" console.log(typeof str); //string //注意: "123" "true" "false" "undefined" "null" "NaN"
3.2 可以使用 需要轉(zhuǎn)化的內(nèi)容.toString();
var num = 123; var str = num.toString(); console.log(str); //"123" console.log(typeof str); //string //注意: "123" "true" "false "NaN" //undefined 和null 不能使用toString。
4.其他的數(shù)據(jù)類型 轉(zhuǎn)換成 boolean類型。
4.1 可以使用Boolean(需要轉(zhuǎn)化的內(nèi)容);
var num = ""; var res = Boolean(num); console.log(res); //false console.log(typeof res); //boolean //注意: //那些可以轉(zhuǎn)換成布爾類型的false: 0 -0 false "" undefined null NaN //" "會(huì)轉(zhuǎn)換成true
隱式轉(zhuǎn)換
1.其他的類型轉(zhuǎn)換成number類型。
1.1 可以在需要轉(zhuǎn)換的內(nèi)容前面加上正號(hào)。 +
var str = "123"; var res = +str; console.log(res); //123 console.log(typeof res); //number
1.2 可以讓需要轉(zhuǎn)換的內(nèi)容做算術(shù)運(yùn)算不能后面用 +
var str = "123"; var res = str * 1; console.log(res); //123 console.log(typeof res); //number //注意: 一定要和連接符做一個(gè)區(qū)分。
2.其他的類型轉(zhuǎn)換成string類型 。 使用連接符 +“”
var num = 123; var str = num + ""; console.log(str); //"123" console.log(typeof str);//string
3.其他的類型轉(zhuǎn)換成boolean類型 。 使用取反運(yùn)算符
var num = undefined; var res = !!num; console.log(res); //false console.log(typeof res);boolean // 注意:那些能轉(zhuǎn)成布爾類型的false:0 -0 false undefiend null NaN ""
1.題目:請(qǐng)輸入今年的年齡,求5年后多大?
//a.prompt接收到的數(shù)據(jù)是string類型的。
var age = +prompt("請(qǐng)輸入你今年的年齡");
var age5 = age + 5;
alert("我今年"+age+"歲了,5年后我"+age5+"歲了");
以上這篇基于javascript 顯式轉(zhuǎn)換與隱式轉(zhuǎn)換(詳解)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
基于JavaScript實(shí)現(xiàn)在線網(wǎng)頁(yè)煙花效果
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)簡(jiǎn)單的在線網(wǎng)頁(yè)煙花效果,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-02-02
JavaScript數(shù)據(jù)類型檢測(cè)代碼分享
這篇文章主要向大家分享了一段JavaScript實(shí)現(xiàn)數(shù)據(jù)類型檢測(cè)的代碼,附上參數(shù)說(shuō)明和使用說(shuō)明,希望小伙伴們能夠喜歡2015-01-01
cookie 最近瀏覽記錄(中文escape轉(zhuǎn)碼)具體實(shí)現(xiàn)
cookie 最近瀏覽記錄(中文escape轉(zhuǎn)碼)具體實(shí)現(xiàn),需要的朋友可以參考一下2013-06-06
js實(shí)現(xiàn)刷新頁(yè)面后回到記錄時(shí)滾動(dòng)條的位置【兩種方案可選】
本文主要介紹了頁(yè)面的div中有滾動(dòng)條,js實(shí)現(xiàn)刷新頁(yè)面后回到記錄時(shí)滾動(dòng)條的位置的兩種方案,需要的朋友可以看下2016-12-12
JS實(shí)現(xiàn)點(diǎn)擊拉拽輪播圖pc端移動(dòng)端適配
本文通過(guò)實(shí)例代碼給大家介紹了JS點(diǎn)擊拉拽輪播圖pc端移動(dòng)端適配 ,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-09-09
JavaScript驗(yàn)證圖片類型(擴(kuò)展名)的函數(shù)分享
這篇文章主要介紹了JavaScript驗(yàn)證圖片類型的函數(shù)分享,需要的朋友可以參考下2014-05-05
微信小程序?qū)崿F(xiàn)滑動(dòng)切換自定義頁(yè)碼的方法分析
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)滑動(dòng)切換自定義頁(yè)碼的方法,結(jié)合實(shí)例形式分析了微信小程序頁(yè)碼動(dòng)態(tài)切換相關(guān)實(shí)現(xiàn)技巧與注意事項(xiàng),需要的朋友可以參考下2018-12-12

