JavaScript之資料類型

文章目錄

• 　　Undefined類型
• 　　Null類型
• 　　Boolean類型
• 　　Number類型
• 　　String類型
• 　　Object類型

資料類型

　　JavaScript中有5種單一資料型別（也稱為基礎資料型別 (Elementary Data Type)）：Undefined、Null、Boolean、Number和String。還有1種複雜資料類型——Object，Object本質上是由一組無序的名值對組成的。

　typeof操作符

　　介於JavaScript是鬆散類型的，因此需要有一種手段來檢測給定變數的資料類型——typeof就是負責提供者方面資訊的操作符。對一個值使用typeof操作符可能返回下列某個字串：

　　● "undefined"——如果這個值未定義；

　　● "boolean"——如果這個值是布爾值；

　　● "string"——如果這個值是字串；

　　● "number"——如果這個值是數值；

　　● "object"——如果這個值是對象或null；

　　● "function"——如果這個值是函數；

　　Undefined類型

　　Undefined類型只有一個值，即特殊的undefined。在使用var聲明變數但未對其加以初始化時，這個變數的值就是undefined，例如：

    var message;    alert(message == undefined) //true

　　Null類型

　　Null類型是第二個只有一個值的資料類型，這個特殊的值是null。從邏輯角度來看，null值表示一個Null 物件指標，而這也正是使用typeof操作符檢測null時會返回"object"的原因，例如：

    var car = null;    alert(typeof car); // "object"

　　如果定義的變數準備在將來用於儲存對象，那麼最好將該變數初始化為null而不是其他值。這樣一來，只要直接檢測null值就可以知道相應的變數是否已經儲存了一個對象的引用了，例如：

    if(car != null)    {        //對car對象執行某些操作    }

　　實際上，undefined值是派生自null值的，因此ECMA-262規定對它們的相等性測試要返回true。

　　alert(undefined == null); //true

　　儘管null和undefined有這樣的關係，但它們的用途完全不同。無論在什麼情況下都沒有必要把一個變數的值顯式地設定為undefined，可是同樣的規則對null卻不適用。換句話說，只要意在儲存對象的變數還沒有真正儲存對象，就應該明確地讓該變數儲存null值。這樣做不僅可以體現null作為空白對象指標的慣例，而且也有助於進一步區分null和undefined。

　　Boolean類型

　　該類型只有兩個字面值：true和false。這兩個值與數字值不是一回事，因此true不一定等於1，而false也不一定等於0。

　　雖然Boolean類型的字面值只有兩個，但JavaScript中所有類型的值都有與這兩個Boolean值等價的值。要將一個值轉換為其對應的Boolean值，可以調用類型轉換函式Boolean()，例如：

    var message = 'Hello World';    var messageAsBoolean = Boolean(message);

　　在這個例子中，字串message被轉換成了一個Boolean值，該值被儲存在messageAsBoolean變數中。可以對任何資料類型的值調用Boolean()函數，而且總會返回一個Boolean值。至於返回的這個值是true還是false，取決於要轉換值的資料類型及其實際值。下表給出了各種資料類型及其對象的轉換規則。

 　　這些轉換規則對理解流量控制語句（如if語句）自動執行相應的Boolean轉換非常重要，例如：

    var message = 'Hello World';    if(message)    {        alert("Value is true");    }

　　運行這個樣本，就會顯示一個警告框，因為字串message被自動轉換成了對應的Boolean值（true）。由於存在這種自動執行的Boolean轉換，因此確切地知道在流量控制語句中使用的是什麼變數至關重要。

　　Number類型

　　這種類型用來表示整數和浮點數值，還有一種特殊的數值，即NaN（非數值 Not a Number）。這個數值用於表示一個本來要返回數值的運算元未返回數值的情況（這樣就不會拋出錯誤了）。例如，在其他程式設計語言中，任何數值除以0都會導致錯誤，從而停止代碼執行。但在JavaScript中，任何數值除以0會返回NaN，因此不會影響其他代碼的執行。

　　NaN本身有兩個非同尋常的特點。首先，任何涉及NaN的操作（例如NaN/10）都會返回NaN，這個特點在多步計算中有可能導致問題。其次，NaN與任何值都不相等，包括NaN本身。例如，下面的代碼會返回false。

alert(NaN == NaN);    //false

　　JavaScript中有一個isNaN()函數，這個函數接受一個參數，該參數可以使任何類型，而函數會幫我們確定這個參數是否“不是數值”。isNaN()在接收一個值之後，會嘗試將這個值轉換為數值。某些不是數值的值會直接轉換為數值，例如字串”10“或Boolean值。而任何不能被轉換為數值的值都會導致這個函數返回true。例如：

    alert(isNaN(NaN));    //true    alert(isNaN(10));    //false(10是一個數值)    alert(isNaN("10"));    //false(可能被轉換為數值10)    alert(isNaN("blue"));    //true(不能被轉換為數值)    alert(isNaN(true));    //false(可能被轉換為數值1)

　　有3個函數可以把非數值轉換為數值：Number()、parseInt()和parseFloat()。第一個函數，即轉型函數Number()可以用於任何資料類型，而另外兩個函數則專門用於把字串轉換成數值。這3個函數對於同樣的輸入會返回不同的結果。

　　Number()函數的轉換規則如下：

　　● 如果是Boolean值，true和false將分別被替換為1和0

　　● 如果是數字值，只是簡單的傳入和返回

　　● 如果是null值，返回0

　　● 如果是undefined，返回NaN

　　● 如果是字串，遵循下列規則：

　　　○ 如果字串中只包含數字，則將其轉換為十進位數值，即”1“會變成1，”123“會變成123，而”011“會變成11（前置的0被忽略）

　　　○ 如果字串中包含有效浮點格式，如”1.1“，則將其轉換為對應的浮點數（同樣，也會忽略前置0）

　　　○ 如果字串中包含有效十六進位格式，例如”0xf“，則將其轉換為相同大小的十進位整數值

　　　○ 如果字串是空的，則將其轉換為0

　　　○ 如果字串中包含除了上述格式之外的字元，則將其轉換為NaN

　　● 如果是對象，則調用對象的valueOf()方法，然後依照前面的規則轉換返回的值。如果轉換的結果是NaN，則調用對象的toString()方法，然後再依次按照前面的規則轉換返回的字串值。

    var num1 = Number("Hello World");    //NaN    var num2 = Number("");                //0    var num3 = Number("000011");        //11    var num4 = Number(true);            //1

　　由於Number()函數在轉換字串時比較複雜而且不夠合理，因此在處理整數的時候更常用的是parseInt()函數。parseInt()函數在轉換字串時，更多的是看其是否符合數值模式。它會忽略字串前面的空格，直至找到第一個非空白字元。如果第一個字串不是數字字元或者負號，parseInt()會返回NaN；也就是說，用parseInt()轉換Null 字元串會返回NaN。如果第一個字元是數字字元，praseInt()會繼續解析第二個字元，知道解析完所有後續字元或者遇到了一個非數字字元。例如，"1234blue"會被轉換為1234，”22.5“會被轉換為22，因為小數點並不是有效數字字元。

　　如果字串中的第一個字元是數字字元，parseInt()也能夠識別出各種整數格式（即十進位、八進位、十六進位）。為了更好的理解parseInt()函數的轉換規則，下面給出一些例子

    var num1 = parseInt("1234blue");    //1234    var num2 = parseInt("");            //NaN    var num3 = parseInt("0xA");            //10（十六進位）    var num4 = parseInt("22.5");        //22    var num5 = parseInt("070");            //56（八進位）    var num6 = parseInt("70");            //70    var num7 = parseInt("10",2);        //2（按二進位解析）    var num8 = parseInt("10",8);        //8(按八進位解析)    var num9 = parseInt("10",10);        //10（按十進位解析）    var num10 = parseInt("10",16);        //16（按十六進位解析）    var num11 = parseInt("AF");            //56（八進位）    var num12 = parseInt("AF",16);        //175

　　與parseInt()函數類似，parseFloat()也是從第一個字元（位置0）開始解析每個字元。而且也是一直解析到字串末尾，或者解析到遇見一個無效的浮點數字字元為止。也就是說，字串中的第一個小數點是有效，而第二個小數點就是無效的了，因此它後面的字串將被忽略。例如，”22.34.5“將會被轉換成22.34。

　　parseFloat()和parseInt()的第二個區別在於它始終都會忽略前置的零。由於parseFloat()值解析十進位值，因此它沒有用第二個參數指定基數的用法。

    var num1 = parseFloat("1234blue");    //1234    var num2 = parseFloat("0xA");        //0    var num3 = parseFloat("22.5");        //22.5    var num4 = parseFloat("22.34.5");    //22.34    var num5 = parseFloat("0908.5");    //908.5

　　String類型

　　String類型用於表示由零或多個16位Unicode字元組成的字元序列，即字串。字串可以由單引號(')或雙引號(")表示。

    var str1 = "Hello";    var str2 = 'Hello';

　　任何字串的長度都可以通過訪問其length屬性取得

　　alert(str1.length);        //輸出5

　　要把一個值轉換為一個字串有兩種方式。第一種是使用幾乎每個值都有的toString()方法。

    var age = 11;    var ageAsString = age.toString();    //字串"11"    var found = true;    var foundAsString = found.toString();    //字串"true"

　　數值、布爾值、對象和字串值都有toString()方法。但null和undefined值沒有這個方法。

　　多數情況下，調用toString()方法不必傳遞參數。但是，在調用數值的toString()方法時，可以傳遞一個參數：輸出數值的基數。

    var num = 10;    alert(num.toString());      //"10"    alert(num.toString(2));     //"1010"    alert(num.toString(8));     //"12"    alert(num.toString(10));    //"10"    alert(num.toString(16));    //"a"

　　通過這個例子可以看出，通過指定基數，toString()方法會改變輸出的值。而數值10根據基數的不同，可以在輸出時被轉換為不同的數值格式。

　　在不知道要轉換的值是不是null或undefined的情況下，還可以使用轉型函數String()，這個函數能夠將任何類型的值轉換為字串。String()函數遵循下列轉換規則：

　　● 如果值有toString()方法，則調用該方法（沒有參數）並返回相應的結果

　　● 如果值是null，則返回"null"

　　● 如果值是undefined，則返回”undefined“

    var value1 = 10;    var value2 = true;    var value3 = null;    var value4;    alert(String(value1));    //"10"    alert(String(value2));    //"true"    alert(String(value3));    //"null"    alert(String(value4));    //"undefined"

　　Object類型

　　對象其實就是一組資料和功能的集合。對象可以通過執行new操作符後跟要建立的物件類型的名稱來建立。而建立Object類型的執行個體並為其添加屬性和（或）方法，就可以建立自訂對象。

　　var o = new Object();

　　Object的每個執行個體都具有下列屬性和方法：

　　● constructor——儲存著用於建立當前對象的函數

　　● hasOwnProperty(propertyName)——用於檢查給定的屬性在當前對象執行個體中（而不是在執行個體的原型中）是否存在。其中，作為參數的屬性名稱(propertyName)必須以字串形式指定（例如：o.hasOwnProperty("name")）

　　● isPrototypeOf(object)——用於檢查傳入的對象是否是另一個對象的原型

　　● propertyIsEnumerable(propertyName)——用於檢查給定的屬性是否能夠使用for-in語句來枚舉

　　● toString()——返回對象的字串表示

　　● valueOf()——返回對象的字串、數值或布爾值表示。通常與toString()方法的傳回值相同。