JavaScript資料類型學習筆記，javascript學習筆記

JavaScript資料類型學習筆記，javascript學習筆記

ECMAscript 中有5種簡單的資料類型，也被稱為基礎資料型別 (Elementary Data Type)：Undefined、Null、Boolean、Number和String。還有一種複雜的資料類型——Object。

Undefined 類型

在使用var 聲明變數但未對其進行初始化時，這個變數的值就是undefined。如：

var number;document.write(number); //undefined

如果沒有聲明變數則會出現下面這種錯誤。如：

document.write(str); //錯誤

但是用typeof對其進行執行時，不管有沒有聲明都會返回undefined 值。如：

var num;document.write(typeof num); //undefineddocument.write(typeof str); //undefined

Null 類型

使用typeof檢測null 時會返回"object"。如：

var num = null;document.write(typeof num); //object

實際上undefined 值是派生自null 值的，因此他們相等都會返回true。如：

alert(null == undefined); //true

這裡要注意的是，只要意在儲存對象的變數還沒有真正儲存對象，就應該明確地讓該變數儲存null 值，此舉有助於區分null 和 undefined。如：

var num1 = null;var num2;document.write(typeof num1 + " " + typeof num2); //object undefined

Boolean 類型

要將一個值轉換為其對應的Boolean 值，可以使用轉型函數Boolean()。如：

var str = "helloworld";document.write(Boolean(str)); //true

《JavaScript進階編程設計》一書中的3.4.4中給出了關於各種資料類型及其對應的轉換規則表格。大概有以下幾種：

• 資料類型為String 時，任何非Null 字元串都會轉換為true；
• 資料類型為Number 時，除了0 和NaN 會被轉換為false 之外，其他都會轉換為true；
• 資料類型為Object 時，除了null 之外，都會轉換為true；
• 資料類型為Undefined 時，n/a 會被轉換為true，undefined 會被轉換為false；
  

這裡要注意的是，if 語句經常使用自動執行響應的Boolean 轉換作為條件。如：

var str = "helloworld";if (str){  document.write("hellothere");} //hellothere

Number 類型

除了可以以十進位表示之外，整數還可以通過八進位或者十六進位的字面值來表示，其中八進位字面值的第一位必須是0，然後是八位元字序列（0~7）。如：

var num1 = 070; //八進位的56var num2 = 032; //八進位的32var num3 = 079; //錯誤的八進位（>7）var num4 = 09; //錯誤的八進位（>7）

十六進位字面值的前兩位必須是0x，後面跟任何十六進位數（0~9 及 A~F）。如：

var num1 = 0xA; //十六進位的10var num1 = 0xa; //也是十六進位的10（字母不區分大小寫）

浮點數值

這裡要注意的是，永遠不要比較特定的浮點數值。如：

var a = 0.1;var b = 0.2;if (a + b == 0.3){  document.write("you are right")} //因為0.1 加上0.2 實際上等於0.30000000000000004

數值範圍

ECMAScript 能夠表示的最大和最小數值儲存在Number.MAX_VALUE 和Number.MIN_VALUE 之中。要想確定一個數值是不是有窮的，可以使用isFinite()函數。如：

document.write(isFinite(Number.MAX_VALUE + Number.MAX_VALUE)); //false

NaN

0 除以0 會返回NaN，正數除以0 會返回Infinity，複數則會返回-Infinity。其次，NaN 與任何數值都不相等，包括它本身。另外函數isNaN()可以協助我們確定這個參數是否“不是數值”。如：

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;

數值轉換

有三個函數可以把非數值轉換為數值：Number()、parseInt()、parseFloat()。

Number()的轉換規則如下：

如果是Boolean 值，true 和false 會被轉換為1 和0。
如果是數字值，則不變。
如果是null 值，則轉換為0。
如果是undefined，返回NaN。
如果是字串則遵循下列規則：

• 如果只有數字，則轉換為十進位數值。
• 如果是浮點格式，則將其轉換成對應的浮點數值。同樣也會忽略前置字元為零。
• 如果是十六進位格式則會轉換成十進位數。
• 如果字串是空的，則會轉換成0。
• 其他情況則會轉換為NaN。

具體看下面的例子：

document.write(Number(true)); //1document.write(Number(false)); //0document.write(Number("789")); //789document.write(Number(null)); //0document.write(Number(undefined)); //NaNdocument.write(Number("02.0942")); //2.0942document.write(Number(0xa)); //10document.write(Number("")); //0document.write(Number("fdsa")); //NaN

parseInt()的轉換規則如下：

• 如果第一個字元不是數字字元或者符號，parseInt()會返回NaN。
• 用parseInt()轉換Null 字元串會返回NaN。
• 如果第一個字元是數字字元，它會繼續解析第二個字元，直到遇到了一個非數字字元.
  

下面是具體的例子：

document.write(parseInt("fds")); //NaNdocument.write(parseInt("")); //NaNdocument.write(parseInt("1111112abc")); //1111112document.write(parseInt("-1111112abc")); //-1111112document.write(parseInt("+1111112abc")); //-1111112document.write(parseInt("0xa")); //10document.write(parseInt("0022.00009")); //22document.write(parseInt("070")); //ECMAScript 3認為是56（八進位）， ECMAScript 5認為是70（十進位）

另外需要注意的是，ECMAScript 5已經不具備解析八進位值的能力了所以為了消除這個問題，可以為這個函數提供第二個參數：轉換時使用的基數（多少進位），具體如下：

document.write(parseInt("070",10)); //70document.write(parseInt("070",8)); //56document.write(parseInt("070",16)); //112

多數情況下，最好預設設定成10進位。

parseFloat()的轉換規則如下：

• 與parseInt()類似，不同的是字串第一個小數點是有效，而從第二個小數點開始包括第二個小數點是無效的。
• 他不能解析十六進位數值！！！
• 他只能解析十進位數值！！！
• 他沒有用第二個基數來指定進位的用法。
  

下面是具體的例子：

document.write(parseFloat("421")); //421document.write(parseFloat("0421.32.1")); //421.32document.write(parseFloat("0xaafd")); //0document.write(parseFloat("070")); //70document.write(parseFloat("070abc")); //70document.write(parseFloat("")); //NaNdocument.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)); //

如果不知道需要轉換的數值是否是null 或者undefined 則應該使用轉型函數String()，如果是null 會返回"null"如果是undefined 會返回"undefined"。如下：

document.write(String(null)); //"null"document.write(String(undefined)); //"undefined"

另外在下一篇文章中再詳細介紹Object 類型。

以上就是關於JavaScript資料類型的簡單介紹，希望對大家學習JavaScript資料類型有所協助。

您可能感興趣的文章:

• javascript 簡單高效判斷資料類型 系列函數 By shawl.qiu
• 資料類型和Json格式分析小結
• javascript 資料類型轉換(parseInt,parseFloat)
• Js從頭學起（基礎資料型別 (Elementary Data Type)和參考型別的參數傳遞詳細分析）
• javascript的資料類型、字面量、變數介紹
• JavaScript基礎知識之資料類型
• C#實現任意資料類型轉成json格式輸出
• 淺談javascript六種資料類型以及特殊注意點
• js判斷資料類型如判斷是否為數組是否為字串等等
• js數值計算時使用parseInt進行資料類型轉換(jquery)