JavaScript中的值類型轉(zhuǎn)換介紹
在JavaScript中進行+、-、*、/、==、!=等運算時,如果操作符左右兩邊的值類型與預期類型不一致,JavaScript會將操作符兩邊的值轉(zhuǎn)換成預期的類型后再進行操作。預期值類型為string時,JavaScript會將值轉(zhuǎn)換為string;預期值類型為number時,JavaScript會將值轉(zhuǎn)換為number (如果無法轉(zhuǎn)換為數(shù)值,則返回NaN)比如:
console.log(10 + " cats");//10 cats
console.log(10 * " cats");//NaN, " cats" will be converted to NaN
console.log(10 + "2");//102
console.log(10 - "2");//8
console.log(10 / "2");//5
console.log(10 * "2");//20
console.log(10 * " 2");//20
console.log("10" * "2");//20
值類型轉(zhuǎn)換規(guī)則
JavaScript中的值轉(zhuǎn)換規(guī)則可以參考“JavaScript – The Definitive Guide”一書中的Table 3-2. JavaScript type conversions。比較值得注意的一些地方是:
1.undefined轉(zhuǎn)換成number后結(jié)果為NaN。
2.null轉(zhuǎn)換成number后結(jié)果為0。
3.空字符串”"轉(zhuǎn)換成number后結(jié)果為0。
4.-0轉(zhuǎn)換成string后結(jié)果為”0″。
5.空數(shù)組[]轉(zhuǎn)換成number后結(jié)果為0。
6.僅有一個number成員的數(shù)組(如[9])轉(zhuǎn)換成number后結(jié)果為該numer值(9)。
當JavaScript將string轉(zhuǎn)換成number時,有兩個比較有趣的規(guī)則:
1.JavaScript會將字符串開頭和結(jié)尾處的空白字符刪除后再進行轉(zhuǎn)換,因此像” 42 “這樣的字符串可以順利的被轉(zhuǎn)換成數(shù)字42。
2.刪除開頭和結(jié)尾處的空白字符后,如果字符串中依然包含非數(shù)字字符,那么該字符串會被轉(zhuǎn)換成NaN。比如:”3 m”就會被轉(zhuǎn)換成NaN。
實例:
console.log(10 * " 3 ");//30
console.log(10 * "3 m");//NaN, "3 m" will be converted to NaN
值類型轉(zhuǎn)換與比較
在JavaScript中,等于操作符(==)的使用會涉及到值類型轉(zhuǎn)換:如果==操作符兩邊的值類型不一致,那么JS會將它們轉(zhuǎn)換成一致的類型后再加以判斷。需要小心的是,兩個不同類型的值,經(jīng)過類型轉(zhuǎn)換后也許可以等價,但這并不意味著對它們使用==操作符的結(jié)果就一定為true。一個簡單的例子是undefined和false:將undefined轉(zhuǎn)換成boolean類型后結(jié)果剛好為false,但事實上undefined==false的結(jié)果卻為false。
顯式類型轉(zhuǎn)換
使用JavaScript的類型自動轉(zhuǎn)換非常便捷,但同時也很容易帶來諸如代碼可維護性等問題。為了使程序代碼更加清晰、減少歧義,有時會在JS程序中使用顯式類型轉(zhuǎn)換:
Number("3")//3
String(false)//"false"
Boolean([])//true
大多數(shù)情況下,顯式類型轉(zhuǎn)換的結(jié)果與JS自動類型轉(zhuǎn)換的結(jié)果是一致的;但存在1個特例:當將null或者undefined自動轉(zhuǎn)換成Object時,JS將拋出TypeError錯誤;但當顯式地將null或者undefined轉(zhuǎn)換成Object時,JS將返回一個空的對象:
console.log(Object(undefined));//empty object
console.log(Object(null));//empty object
同時,如果顯式轉(zhuǎn)換所指定的類型與JS自動轉(zhuǎn)換所指定的類型不一樣,那么,得到的結(jié)果也不一樣。比如之前所提及的undefined==false結(jié)果為false;如果顯式指定轉(zhuǎn)換類型為Boolean,那么得到的結(jié)果就為true了:
console.log(undefined == false);//false
console.log(Boolean(undefined) == Boolean(false));//true
對類型自動轉(zhuǎn)換的使用
在JS中,可以使用值類型的自動轉(zhuǎn)換,通過操作符來達到和顯式轉(zhuǎn)換一樣的效果,比如:
console.log(false + "");//"false"
console.log(+false);//0
console.log(!!3);//true
相關(guān)文章
jquery對單選框,多選框,文本框等常見操作小結(jié)
本篇文章主要是對jquery對單選框,多選框,文本框等常見操作進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01JS將指定的某個字符全部轉(zhuǎn)換為其他字符實例代碼
這篇文章主要給大家介紹了關(guān)于JS如何將指定的某個字符全部轉(zhuǎn)換為其他字符的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-10-10訪問百度和谷歌網(wǎng)速測試的javascript代碼
訪問百度和谷歌網(wǎng)速測試的javascript代碼...2007-08-08arcgis for js柵格圖層疊加(Raster Layer)問題
這篇文章主要介紹了arcgis for js柵格圖層疊加(Raster Layer)的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2017-11-11