JavaScript數(shù)據類型學習筆記
ECMAscript 中有5種簡單的數(shù)據類型，也被稱為基本數(shù)據類型：Undefined、Null、Boolean、Number和String。還有一種復雜的數(shù)據類型——Object。
Undefined 類型
在使用var 聲明變量但未對其進行初始化時，這個變量的值就是undefined。如：
var number; document.write(number); //undefined
如果沒有聲明變量則會出現(xiàn)下面這種錯誤。如：
document.write(str); //錯誤
但是用typeof對其進行執(zhí)行時，不管有沒有聲明都會返回undefined 值。如：
var num; document.write(typeof num); //undefined document.write(typeof str); //undefined
Null 類型
使用typeof檢測null 時會返回"object"。如：
var num = null; document.write(typeof num); //object
實際上undefined 值是派生自null 值的，因此他們相等都會返回true。如：
alert(null == undefined); //true
這里要注意的是，只要意在保存對象的變量還沒有真正保存對象，就應該明確地讓該變量保存null 值，此舉有助于區(qū)分null 和 undefined。如：
var num1 = null; var num2; document.write(typeof num1 + " " + typeof num2); //object undefined
Boolean 類型
要將一個值轉換為其對應的Boolean 值，可以使用轉型函數(shù)Boolean()。如：
var str = "helloworld"; document.write(Boolean(str)); //true
《JavaScript高級編程設計》一書中的3.4.4中給出了關于各種數(shù)據類型及其對應的轉換規(guī)則表格。大概有以下幾種：
- 數(shù)據類型為String 時，任何非空字符串都會轉換為true；
- 數(shù)據類型為Number 時，除了0 和NaN 會被轉換為false 之外，其他都會轉換為true；
- 數(shù)據類型為Object 時，除了null 之外，都會轉換為true；
- 數(shù)據類型為Undefined 時，n/a 會被轉換為true，undefined 會被轉換為false；
這里要注意的是，if 語句經常使用自動執(zhí)行響應的Boolean 轉換作為條件。如：
var str = "helloworld";
if (str){
document.write("hellothere");
} //hellothere
Number 類型
除了可以以十進制表示之外，整數(shù)還可以通過八進制或者十六進制的字面值來表示，其中八進制字面值的第一位必須是0，然后是八進制數(shù)字序列（0~7）。如：
var num1 = 070; //八進制的56 var num2 = 032; //八進制的32 var num3 = 079; //錯誤的八進制（>7） var num4 = 09; //錯誤的八進制（>7）
十六進制字面值的前兩位必須是0x，后面跟任何十六進制數(shù)（0~9 及 A~F）。如：
var num1 = 0xA; //十六進制的10 var num1 = 0xa; //也是十六進制的10（字母不區(qū)分大小寫）
浮點數(shù)值
這里要注意的是，永遠不要比較特定的浮點數(shù)值。如：
var a = 0.1;
var b = 0.2;
if (a + b == 0.3){
document.write("you are right")
} //因為0.1 加上0.2 實際上等于0.30000000000000004
數(shù)值范圍
ECMAScript 能夠表示的最大和最小數(shù)值保存在Number.MAX_VALUE 和Number.MIN_VALUE 之中。要想確定一個數(shù)值是不是有窮的，可以使用isFinite()函數(shù)。如：
document.write(isFinite(Number.MAX_VALUE + Number.MAX_VALUE)); //false
NaN
0 除以0 會返回NaN，正數(shù)除以0 會返回Infinity，復數(shù)則會返回-Infinity。其次，NaN 與任何數(shù)值都不相等，包括它本身。另外函數(shù)isNaN()可以幫助我們確定這個參數(shù)是否“不是數(shù)值”。如：
document.write(isNaN("a")); //true;
document.write(isNaN("324")); //false;
document.write(isNaN(true)); //false;
document.write(isNaN(false)); //false;
document.write(isNaN(NaN)); //true;
數(shù)值轉換
有三個函數(shù)可以把非數(shù)值轉換為數(shù)值：Number()、parseInt()、parseFloat()。
Number()的轉換規(guī)則如下：
如果是Boolean 值，true 和false 會被轉換為1 和0。
如果是數(shù)字值，則不變。
如果是null 值，則轉換為0。
如果是undefined，返回NaN。
如果是字符串則遵循下列規(guī)則：
- 如果只有數(shù)字，則轉換為十進制數(shù)值。
- 如果是浮點格式，則將其轉換成對應的浮點數(shù)值。同樣也會忽略前導零。
- 如果是十六進制格式則會轉換成十進制數(shù)。
- 如果字符串是空的，則會轉換成0。
- 其他情況則會轉換為NaN。
具體看下面的例子：
document.write(Number(true)); //1
document.write(Number(false)); //0
document.write(Number("789")); //789
document.write(Number(null)); //0
document.write(Number(undefined)); //NaN
document.write(Number("02.0942")); //2.0942
document.write(Number(0xa)); //10
document.write(Number("")); //0
document.write(Number("fdsa")); //NaN
parseInt()的轉換規(guī)則如下：
- 如果第一個字符不是數(shù)字字符或者符號，parseInt()會返回NaN。
- 用parseInt()轉換空字符串會返回NaN。
- 如果第一個字符是數(shù)字字符，它會繼續(xù)解析第二個字符，直到遇到了一個非數(shù)字字符.
下面是具體的例子：
document.write(parseInt("fds")); //NaN
document.write(parseInt("")); //NaN
document.write(parseInt("1111112abc")); //1111112
document.write(parseInt("-1111112abc")); //-1111112
document.write(parseInt("+1111112abc")); //-1111112
document.write(parseInt("0xa")); //10
document.write(parseInt("0022.00009")); //22
document.write(parseInt("070")); //ECMAScript 3認為是56（八進制）， ECMAScript 5認為是70（十進制）
另外需要注意的是，ECMAScript 5已經不具備解析八進制值的能力了所以為了消除這個問題，可以為這個函數(shù)提供第二個參數(shù)：轉換時使用的基數(shù)（多少進制），具體如下：
document.write(parseInt("070",10)); //70
document.write(parseInt("070",8)); //56
document.write(parseInt("070",16)); //112
多數(shù)情況下，最好默認設置成10進制。
parseFloat()的轉換規(guī)則如下：
- 與parseInt()類似，不同的是字符串第一個小數(shù)點是有效的，而從第二個小數(shù)點開始包括第二個小數(shù)點是無效的。
- 他不能解析十六進制數(shù)值?。?！
- 他只能解析十進制數(shù)值！??！
- 他沒有用第二個基數(shù)來指定進制的用法。
下面是具體的例子：
document.write(parseFloat("421")); //421
document.write(parseFloat("0421.32.1")); //421.32
document.write(parseFloat("0xaafd")); //0
document.write(parseFloat("070")); //70
document.write(parseFloat("070abc")); //70
document.write(parseFloat("")); //NaN
document.write(parseFloat("abc")); //NaN
String 類型
要把一個值轉換成字符串有兩種方式。第一種是使用幾乎每個值都有的toString()方法。如下：
document.write((533).toString(10)); //"533" document.write((0xa).toString(10)); //"10" document.write((0xa).toString(2)); //"1010" document.write((true).toString(10)); //"true" document.write((false).toString(10)); //"false"
另外需要注意的是，null 和 undefined 不能轉換。
document.write((null).toString(10)); // document.write((undefined).toString(10)); //
如果不知道需要轉換的數(shù)值是否是null 或者undefined 則應該使用轉型函數(shù)String()，如果是null 會返回"null"如果是undefined 會返回"undefined"。如下：
document.write(String(null)); //"null" document.write(String(undefined)); //"undefined"
另外在下一篇文章中再詳細介紹Object 類型。
以上就是關于JavaScript數(shù)據類型的簡單介紹，希望對大家學習JavaScript數(shù)據類型有所幫助。
相關文章
Javascript createElement和innerHTML增加頁面元素的性能對比
Javascript之createElement和innerHTML增加頁面元素的性能對比2009-09-09
這篇文章主要介紹了javascript實現(xiàn)添加附件功能的方法，在我們編輯信息時，有時候需要附加文件、圖片實現(xiàn)上傳功能，通過本文了解javascript是如何實現(xiàn)附加功能的，請閱讀。2015-11-11
js使用for循環(huán)查詢數(shù)組中是否存在某個值
IE8不支持indexOf，因此寫一個for循環(huán)來判斷是否存在，下面是代碼，經測試還不錯2014-08-08
web-view內嵌H5與uniapp數(shù)據的實時傳遞解決方案
這篇文章主要介紹了web-view內嵌H5與uniapp數(shù)據的實時傳遞,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-07-07
今天小編就為大家分享一篇關于JavaScript之解構賦值的理解，小編覺得內容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
在做項目中，將實體轉化為JSON后，結果后臺返回json時間格式為/Date(1306418993027)/，在前臺JS里顯示的并不是真正的日期，而且我們不能把所有日期字段都變成string吧，因此寫了Javascript的擴展方法，來實現(xiàn)這個功能，代碼如下2016-08-08
這篇文章主要介紹了微信小程序左滑刪除實現(xiàn)代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-09-09
下面小編就為大家?guī)硪黄猨s中的this指向和自定義屬性。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2021-09-09
JS不能跨域，所以這里借助了jquery，真的可以實現(xiàn)獲取IP地址,下面是示例代碼，需要的朋友可以參考下2014-08-08
上下滾動的效果，不用說，大家都有看到過，本文為大家介紹下使用jquery實現(xiàn)上下滾動效果，感興趣的朋友可以參考下，希望對大家有所幫助2013-08-08