Javascript 類型轉(zhuǎn)換方法
弱類型的Javascript不會按照程序員的愿望從實際的變量類型到所需要的數(shù)據(jù)類型轉(zhuǎn)換,例如一個非常常見的錯誤,在瀏覽器腳本中,從表單控件中獲取用戶將要輸入的一個數(shù)值類型的變量與另一個數(shù)值變量的和。因為變量類型在表單控件中是字符串類型(計時字符串序列包含一個數(shù)字)這種嘗試將會添加那個字符串到變量,即使這些值碰巧是一些數(shù)字,結(jié)果在第二個變量將會被轉(zhuǎn)換為字符串類型,在最后只會把從表單控件中得到的變量添加到第一個字符串末尾。
轉(zhuǎn)換到布爾類型
當表達式是 if 以及其他一些判斷情況時,類型轉(zhuǎn)換的結(jié)果將會是布爾型為了用于判斷。這些判斷包括邏輯運算比如 與 (&&), 或 (||) 以及 非 (!)。 非運算轉(zhuǎn)換變量為波爾型并且如果變量是波爾型-真。那么將返回假,反之將返回真。兩次非操作將會返回等同于變量轉(zhuǎn)換成為波爾型的值。
var boolValue = !!x;
這個技巧將會后面將會用到。
另外一種可選擇的方法就是把目標作為參數(shù)傳遞給Boolean 構(gòu)造函數(shù)。
var boolValue = Boolean(x);
(1) 當數(shù)值類型轉(zhuǎn)換為布爾型時,數(shù)值零將會變成假而其他數(shù)值將會變成真。除開特殊數(shù)值 NaN (Not a Number),NaN 被用于其他類型轉(zhuǎn)換到數(shù)值類型時當沒有返回一個有意義的數(shù)值時。NaN 總是返回假。 無論是無限大還是無限小或者是有限數(shù)值,只要不是零,在轉(zhuǎn)換為布爾型時總是返回true。
(2) 字符串類型轉(zhuǎn)換規(guī)則是簡單的,字符串類型轉(zhuǎn)換到布爾型除了空字符串外都是返回真,空字符串返回假。
(3) 對于其他類型,undefined 和 null 將會返回假,Object以及function類型總是返回真。
當需要判斷某一對象是否是未定義的對象時,這是最有價值的功能。如果調(diào)用未定義的變量(undefined 或者 null) 將會產(chǎn)生錯誤。當這些都還不確定時(通常是網(wǎng)頁瀏覽器所關心的)為了避免代碼產(chǎn)生錯誤,需要對對象進行 if 判斷。建議把對象作為表達式,轉(zhuǎn)換為波爾型,如果返回 false 則說明對象不存在,如果返回 true 則說明對象存在。
if(document.documentElement){
scrollX = document.documentElement.scrollLeft;
}
兩次非操作可以判斷對象是否能被使用。
var hasDocEl = !!document.documentElement;
...
if(hasDocEl){
scrollX = document.documentElement.scrollLeft;
}
轉(zhuǎn)換到字符串類型
另外一種可選擇的方法就是把目標作為參數(shù)傳遞給 String 構(gòu)造函數(shù)。
var stringValue = String(x);
注意上面數(shù)值 123e-2 已經(jīng)被轉(zhuǎn)換為字符串 "1.23" ,因為已經(jīng)由科學計數(shù)法轉(zhuǎn)換為普通表達式了。然而,Javascript 的本質(zhì)數(shù)值類型是來自于IEEE的雙精度浮點類型,這就意味著只能儲存有限的精度。數(shù)學操作結(jié)果可能只能產(chǎn)生近似的值。當他們轉(zhuǎn)換到字符串時,可能會收到意想不到(指壞的)的結(jié)果。所以常常需要設置特定的定制函數(shù)用以獲得可接受的結(jié)果。這種類型轉(zhuǎn)換機制難以保證正常結(jié)果。
當一個對象或者函數(shù)被轉(zhuǎn)換為字符串時,他們的 toString 方法將會被調(diào)用。默認會執(zhí)行 Object.prototype.toString 以及Function.prototype.toString 除 除非重寫 "toString" 方法。把一個函數(shù)轉(zhuǎn)換到字符串,返回結(jié)果并非是必須的.Function.prototype.toString 方法就能完成大部分需要,它將會返回 "host objects" 和方法(這個對象和方法取決于不同環(huán)境,比如 DOM 元素)。
轉(zhuǎn)換到數(shù)值型
轉(zhuǎn)換到數(shù)值類型,特別是由字符串轉(zhuǎn)換到數(shù)值類型,有很多通用的方法,任何數(shù)學操作方法除了加法( + )都會執(zhí)行類型轉(zhuǎn)換。所以轉(zhuǎn)換字符串類型到數(shù)值類型可以使之與一個數(shù)值操作,比如減去零或者乘以一。
var numValue = stringValue - 0;
/* or */
var numValue = stringValue * 1;
/* or */
var numValue = stringValue / 1;
但是 + (取正)操作還是可以轉(zhuǎn)換字符串類型到數(shù)值類型。因為他不做任何計算操作,所以這種方法是最快的。
順便一提,相反數(shù)操作 - 同樣也會執(zhí)行類型轉(zhuǎn)換,使得目標成為相反的結(jié)果。
var numValue = (+stringValue);
/* 這是不必要的,在 + 操作后已經(jīng)被添加了括弧,只是為了使得代碼更容易被人理解并且使得他很清楚,特別是避免了與添加和連續(xù)操作相混淆。
+ (取正)操作是最快的轉(zhuǎn)換字符串類型到數(shù)值類型的方法。傳遞給 Number 構(gòu)造函數(shù)一個參數(shù),它將會執(zhí)行類型轉(zhuǎn)換并且返回一個數(shù)值類型。
var numValue = Number(stringValue);
Number構(gòu)造函數(shù)是最慢的類型轉(zhuǎn)換方法,但是當速度不是所考慮的關鍵時,使用它能夠使得代碼變得很干凈。
對于其他類型,Objects 和 functions 總是被轉(zhuǎn)換為 NaN 。undefined 與 null 同樣代表沒有東西,但是只有 null 被轉(zhuǎn)換為數(shù)值零??赡苁且驗樗麄兿缺晦D(zhuǎn)換為波爾型,然后才轉(zhuǎn)換為數(shù)值型,在上文中轉(zhuǎn)換為波爾型的結(jié)果已經(jīng)很清楚了, null 轉(zhuǎn)換為波爾型將會返回 false 。它將會變?yōu)閿?shù)值零。他們幾乎都不必轉(zhuǎn)換為數(shù)值類型,他們?nèi)绾芜M行轉(zhuǎn)換的真正意義在于為了考慮一些偶然的結(jié)果,要轉(zhuǎn)換一個字符串時,結(jié)果返回的是他們這些(或者是由于進行了一些數(shù)學計算操作才返回了這些)。
parseFloat
對于 parseFloat 解析空字符串將會返回對于 parseFloat 解析空字符串將會返回 NaN ,是因為空字符串不屬于數(shù)字表達式。指數(shù)可以被解析,由0起頭的八進制不會阻止字符串解析為十進制數(shù)。十六進制數(shù)卻因為 "x" 無法作為數(shù)字被解析而停止解析而返回一個零。
非字符串類型轉(zhuǎn)換成為快速轉(zhuǎn)換,作為一個字符串傳遞給 parseFloat 。當那些類型轉(zhuǎn)換作為字符串時不在是正常的結(jié)果,它的解析結(jié)果是 NaN,Objects 和 functions ??赡苡凶远x toString 方法返回字符串將會被解析成為數(shù)值,這是一個特殊的要求。
parseInt
parseInt 函數(shù)的工作方式和parseFloat 有些相似,不同之處在于它是嘗試把字符串轉(zhuǎn)換為整型數(shù)值,只能辨認幾個少數(shù)作為數(shù)字的符號。
parseInt 函數(shù)偶爾被用作轉(zhuǎn)換單精度浮點數(shù)值類型為整型。由于這種轉(zhuǎn)換首先要從字符串類型轉(zhuǎn)換到單精度數(shù)值類型所以是不太適用的。另外由于它會產(chǎn)生一些錯誤,所以變得非常沒有效率,比如 2e-200 這個科學計數(shù)法的數(shù)值正確的返回因該是零,但是 parseInt 返回 2。并且由于是Javascript 格式化,數(shù)值常常返回的是一些近似值。比如 1/2 + 1/3 + 1/6 = 0.9999999999999999 ,這個表達式的結(jié)果的近似值應該是 1 ,但 parseInt 竟會返回 0。
可以取得近似值的 Math.round,Math.ceil 和 Math.floor 都比較合適這個工作,為了取得結(jié)果,表達式將會被作為32位有符號整型,這個規(guī)則同樣適用于下面這些情況。
注 Math.round 函數(shù)執(zhí)行的是常見的四舍五入,0.4以及一下將會被忽略,0.5以及以上將會被加1。Math.ceil 函數(shù)在只要有小數(shù)的情況是就加1 。Math.floor 函數(shù)則無論小數(shù)大小都會被忽略。由這些函數(shù)的定義可知 parseInt 方法對于小數(shù)采取的是同 Math.floor 一樣的處理方式。
ToInt32
ToInt32 是一個內(nèi)置函數(shù),雖然很有用,但是無法像 parseInt 一樣被直接調(diào)用。用它轉(zhuǎn)換Javascript變量到數(shù)值有一些不同尋常的方式。但是它能在一些有限的情況下被使用。位操作,比如按位OR(|)和 按位AND (&) 操作數(shù)值時,在使用它們操作時能被轉(zhuǎn)換為數(shù)值類型。但是他們只工作在32位有符號的整形中,所以我們可以通過調(diào)用內(nèi)置函數(shù) ToInt32 返回已轉(zhuǎn)換的32位有符號整形變量(進行類型轉(zhuǎn)換)。結(jié)果就像是 parseInt 函數(shù)調(diào)用后,只是結(jié)果被限定為32位,因此都是數(shù)值,而沒有 NaN 或者 Infinity。就算是用空值進行操作,結(jié)果返回的也是一個數(shù)值,使用一個位運算不會印象結(jié)果,卻可以調(diào)用 ToInt32 函數(shù)。
甚至 undefined, objects 和 functions 都被轉(zhuǎn)換為 0,布爾值 true 被轉(zhuǎn)換成了數(shù)值 1。
文章作者:高維鵬(Brian)
文章出處:http://www.cnblogs.com/gaoweipeng
相關文章
JS實現(xiàn)將數(shù)據(jù)導出到Excel的方法詳解
這篇文章主要為大家介紹了JavaScript實現(xiàn)將數(shù)據(jù)導出到Excel的兩種方法詳解,文中的示例代碼簡潔易懂,感興趣的小伙伴可以動手嘗試一下2022-06-06javascript數(shù)組去重方法終極總結(jié)
這篇文章主要介紹了javascript數(shù)組去重終極總結(jié),本文列舉了3種javascript數(shù)組去重方法,并分別分析了它們的優(yōu)缺點,需要的朋友可以參考下2014-06-06js函數(shù)參數(shù)設置默認值的一種變通實現(xiàn)方法
js函數(shù)中有個儲存參數(shù)的數(shù)組arguments,因此js版支持參數(shù)默認值的函數(shù)可以通過另外一種變通的方法實現(xiàn)2014-05-05微信小程序使用wxParse解析html的實現(xiàn)示例
這篇文章主要介紹了微信小程序使用wxParse解析html的實現(xiàn)示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-08-08