本章節單獨介紹一下javascript中的隱式數據類型轉換,對于它的良好掌握,在實際應用能夠簡化很多操作。
看如下代碼實例:
上面的代碼就是將數組隱式轉換為字符串的一個操作,是不是要比下面的方式要簡單不少:
像上面類似的隱式數據類型轉換在實際編碼中應用很多,下面進入正題。
一.值類型之間的數據類型轉換:
javascript中的數據類型可以參閱javascript數據類型詳解一章節。
(1).數字和字符串使用+運算符:
數字和字符串如果使用+運算符進行操作,那么會將數字先轉換為字符串,然后進行字符串連接操作:
(2).布爾值參與的+運算符操作:
如果有布爾型參與,那么首先會將布爾值轉換為對應的數字或者字符串,然后再進行相應的字符串連接或者算數運算。
上面的代碼是先將true轉換為數字1,然后再進行算數加運算。
上面的布爾值會被轉換為對應的字符串形式"true",然后再進行字符串連接。
(3).減法操作:
如果進行減法操作,那么兩個操作數都會先被轉換為數字,然后在進行算數運算:
true會被轉換為數字1,字符串"8"會被轉換為數字8,然后進行算術運算。
乘,除,大于,小于跟減的轉換也是一樣,就不再舉例子了。
(4).==等性運算:
undefined和null比較特殊,它們兩個使用==運算符返回值是true。
其他值類型進行比較的時候都會將運算數轉換為數字
上面的代碼會將字符串"3"轉換成數字,然后再進行比較。
上面的代碼會分別將"1"和true轉換成數字,然后進行比較。
二.引用類型轉值類型:
引用類型(對象)轉換為值類型則要復雜很多,下面分布展開介紹。
對象繼承的兩個方法可以幫助我們實現對象到值類型的轉換功能:
(1).toString()方法。
(2).valueOf()方法。
通常情況下我們認為,將一個對象轉換為字符串要調用toString()方法,轉換為數字要調用valueOf()方法,但是真正應用的時候并沒有這么簡單,看如下代碼實例:
從上面的代碼可以看出,toString()方法并沒有將對象轉換為一個能夠反映此對象的字符串。
從上面的代碼可以看出,valueOf()方法并沒有將對象轉換為能夠反映此對象的一個數字。
數組對象的toString()方法能夠將數組轉換為能夠反映此數組對象的字符串。
總結如下:
(1).有些對象只是簡單繼承了toString()或者valueOf()方法,比如第一個例子。
(2).有些對象則不但是繼承了兩個方法,而且還進行了重寫。
所以有些對象的方法能夠達成轉換成字符串或者數字的目標,有些則不能。
調用toString()或者valueOf()將對象轉換成字符串或者數字的規則如下:
調用toString()時,如果對象具有這個方法,則調用此方法;如果此方法返回一個值類型數據,那么就返回這個值類型數據,然后再根據所處的上下文環境進行相關數據類型轉換。如果沒有toString(),或者此方法返回值并不是一個值類型數據,那么就會調用valueOf()(如果此方法存在的話),如果valueOf()返回一個值類型數據,那么再根據所處的上下文環境進行相關的數據類型轉換。
進一步說明:
(1).上面介紹了通常默認情況下valueOf()和toString()方法的作用(將對象轉換為數字或者字符串),但是需要注意的是,這并不是硬性規定,也就是說并不是valueOf()方法必須要返回數字或者toString()方法必須要轉換為字符串,比如簡單繼承的這兩個方法就無法進行實現轉換為數字和字符串的功能,再比如,我們可以自己稱謝這兩個方法,返回值也沒有必要是數字或者字符串。
(2).還有需要特別注意的一點就是,很多朋友認為,轉換為字符串首先要調用toString()方法, 其實這是錯誤的認識,我們應該這么理解,調用toString()方法可以轉換為字符串,但不一定轉換字符串就是首先調用toString()方法。
看如下代碼實例:
上面的代碼中,arr是要被轉換為字符串的,但是很明顯是調用的valueOf()方法,而沒有調用toString()方法。有些朋友可能會有這樣的質疑,難道[2]這樣的數字轉換成字符串"2",不是調用的toString()方法嗎。
代碼如下:
其實過程是這樣的,首先arr會首先調用valueOf()方法,但是數字的此方法是簡單繼承而來,并沒有重寫(當然這個重寫不是我們實現),返回值是數組對象本身,并不是一個值類型,所以就轉而調用toString()方法,于是就實現了轉換為字符串的目的。
總結如下:
大多數對象隱式轉換為值類型都是首先嘗試調用valueOf()方法。但是Date對象是個例外,此對象的valueOf()和toString()方法都經過精心重寫,默認是調用toString()方法,比如使用+運算符,如果在其他算數運算環境中,則會轉而調用valueOf()方法。
代碼實例如下:
以上內容是小編給大家介紹的JavaScript數據類型之隱式類型轉換的全部內容,希望大家喜歡。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com