JavaScript隱式類型轉(zhuǎn)換小結(jié)

本文首發(fā)于我的個人網(wǎng)站http://blog.skyline.ink,歡迎各位大大訪問.
作者水平有限,文章僅供參考,不對的地方希望各位及時指正,共同進步,不勝感激

轉(zhuǎn)換規(guī)則

隱式轉(zhuǎn)換為布爾值

如表
數(shù)據(jù)類型 轉(zhuǎn)化成true 轉(zhuǎn)化成false
String 非空字符 ""(空字符)
Number 非零 0與NaN
Object 非Null對象 null
undefined undefined

(注:調(diào)用Boolean()方法得到結(jié)果相同)


對象隱式轉(zhuǎn)換規(guī)則

對象隱式轉(zhuǎn)換成字符串或數(shù)字
0E0B74FDA0F7561D3AF96126F84DD4B3.png-content
不同對象調(diào)用toString()得到的結(jié)果
對象 調(diào)用toString()
普通對象 "[object Object]"
數(shù)組arr arr.join()
函數(shù)類 定義函數(shù)的代碼
日期類 可讀日期
正則對象 正則對象字面量的字符
  • 如果數(shù)組的某一項的值是null或者undefined,join()方法返回的結(jié)果以空字符串連接
  • 基本包裝類型的引用類型用其字面量形式的值調(diào)用toString()
不同對象調(diào)用valueOf()得到的結(jié)果
  • 大多數(shù)對象,包括普通對象、數(shù)組、函數(shù)、正則簡單返回對象本身
  • 日期對象返回19700101以來的毫秒數(shù)值
  • 基本包裝類型的引用類型返回其字面量形式的值

其他隱式轉(zhuǎn)換規(guī)則

轉(zhuǎn)化成字符串 轉(zhuǎn)化成數(shù)字 轉(zhuǎn)化成布爾值
undefined "undefined" NaN false
null "null" 0 false
NaN "NaN" NaN false
[](空數(shù)組) "" 0 true
""(空字符串) "" 0 false
  • 布爾值轉(zhuǎn)數(shù)字為0/1,轉(zhuǎn)字符串為"true"/"false"
  • 數(shù)字轉(zhuǎn)字符串加引號即可??
  • 字符串轉(zhuǎn)數(shù)字,看去掉引號是否是數(shù)字即可??,否則為NaN
    (注:假裝這樣表述是很嚴謹?shù)??,數(shù)字與字符串的相互轉(zhuǎn)換不用表述大家都知道的)

開始轉(zhuǎn)換

加號

表達式中有字符串
  • 其他類型隱式轉(zhuǎn)換為字符串
  • 多個加號時,按照從左到右的順序,兩兩進行計算
  • 只要表達式中如果有字符串,最終結(jié)果一定是字符串
  • 如果有復(fù)雜類型,先將復(fù)雜類型按照對象隱式轉(zhuǎn)換規(guī)則轉(zhuǎn)換成字符串
2 + "3"; // "23"
1 + 2 + "3"; // "33"
true + 2 + "3"; // "33"
1 + "2" + 3; // "123"

"2" + true; //"2true"

"2" + undefined; //"2undefined"
"2" + NaN //"2NaN"
'23' + {'a': 1} //"23[object Object]"

'23' + [1,3,{}, null, undefined, '', '2'] // "231,3,[object Object],,,,2"
[1,3,{}, null, undefined, '', '2'].toString() //"1,3,[object Object],,,,2"
23 + "1,3,[object Object],,,,2" //"231,3,[object Object],,,,2"
表達式中沒有字符串
  • 如果沒有復(fù)雜類型,其他類型隱式轉(zhuǎn)換為數(shù)字
  • 如果有復(fù)雜類型,先將復(fù)雜類型按照對象隱式轉(zhuǎn)換規(guī)則轉(zhuǎn)換成原始值再按照如上規(guī)則計算
1 + [] //"1"
1 + [1] //"11"
1 + {a:'a'} //"1[object Object]"
null + null //0
true + {a:'a'} //"true[object Object]"
  • 注意undefined 轉(zhuǎn)化成數(shù)字是NaN
typeof NaN //"number"
null + undefined //NaN
1 + undefined //NaN
  • 特殊注意
+ '3'      // 數(shù)字3

乘,除,取余,減

  • 其他類型會隱式轉(zhuǎn)換為數(shù)字
1 - '5' //-4
1 - [2, 2] //NaN
1 - {a:1} //NaN
1- undefined //NaN
1 - [] //1
1 - [2, 2] //NaN
1 - null //1

比較運算符部分 > < >= <= ==

  • 數(shù)字vs其他,其他轉(zhuǎn)化為數(shù)字
  • 布爾值vs其他,布爾值轉(zhuǎn)數(shù)字,數(shù)字vs其他
  • 字符串vs字符串,按unicode依次比較(大寫字母總是在小寫字母之后)
  • 對象vs數(shù)字,對象vs字符串,將對象轉(zhuǎn)化為轉(zhuǎn)換成原始值,再進行比較。
  • 如果其中一個操作數(shù)是NaN,那么總是返回false(NaN和NaN是不相等的)
  • null 只和undefined是好基友(互相相等)
var x = NaN;
x === NaN; // false

undefined == "undefined" // false
null == "null" // false
null == 0 // false
null == false // false
undefined == 0 // false
undefined == false // false

參考資料

《JavaScript高級程序設(shè)計》

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容