JavaScript基礎知識之數(shù)據(jù)類型

更新時間：2012年08月06日 23:15:44 作者：

JavaScript中有5種簡單數(shù)據(jù)類型（也稱為基本數(shù)據(jù)類型）：Undefined、Null、Boolean、Number和String。還有1種復雜數(shù)據(jù)類型——Object，Object本質(zhì)上是由一組無序的名值對組成的

數(shù)據(jù)類型
　　JavaScript中有5種簡單數(shù)據(jù)類型（也稱為基本數(shù)據(jù)類型）：Undefined、Null、Boolean、Number和String。還有1種復雜數(shù)據(jù)類型——Object，Object本質(zhì)上是由一組無序的名值對組成的。

　typeof操作符

　　介于JavaScript是松散類型的，因此需要有一種手段來檢測給定變量的數(shù)據(jù)類型——typeof就是負責提供者方面信息的操作符。對一個值使用typeof操作符可能返回下列某個字符串：

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

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

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

　　● "number"——如果這個值是數(shù)值；

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

　　● "function"——如果這個值是函數(shù)；

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

復制代碼代碼如下:

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

　　Null類型
　　Null類型是第二個只有一個值的數(shù)據(jù)類型，這個特殊的值是null。從邏輯角度來看，null值表示一個空對象指針，而這也正是使用typeof操作符檢測null時會返回"object"的原因，例如：

復制代碼代碼如下:

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

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

復制代碼代碼如下:

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

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

復制代碼代碼如下:

　　alert(undefined == null); //true

　　盡管null和undefined有這樣的關系，但它們的用途完全不同。無論在什么情況下都沒有必要把一個變量的值顯式地設置為undefined，可是同樣的規(guī)則對null卻不適用。換句話說，只要意在保存對象的變量還沒有真正保存對象，就應該明確地讓該變量保存null值。這樣做不僅可以體現(xiàn)null作為空對象指針的慣例，而且也有助于進一步區(qū)分null和undefined。

　　Boolean類型

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

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

復制代碼代碼如下:

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

　　在這個例子中，字符串message被轉(zhuǎn)換成了一個Boolean值，該值被保存在messageAsBoolean變量中。可以對任何數(shù)據(jù)類型的值調(diào)用Boolean()函數(shù)，而且總會返回一個Boolean值。至于返回的這個值是true還是false，取決于要轉(zhuǎn)換值的數(shù)據(jù)類型及其實際值。下表給出了各種數(shù)據(jù)類型及其對象的轉(zhuǎn)換規(guī)則。

這些轉(zhuǎn)換規(guī)則對理解流控制語句（如if語句）自動執(zhí)行相應的Boolean轉(zhuǎn)換非常重要，例如：

復制代碼代碼如下:

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

　　運行這個示例，就會顯示一個警告框，因為字符串message被自動轉(zhuǎn)換成了對應的Boolean值（true）。由于存在這種自動執(zhí)行的Boolean轉(zhuǎn)換，因此確切地知道在流控制語句中使用的是什么變量至關重要。
　　Number類型
這種類型用來表示整數(shù)和浮點數(shù)值，還有一種特殊的數(shù)值，即NaN（非數(shù)值 Not a Number）。這個數(shù)值用于表示一個本來要返回數(shù)值的操作數(shù)未返回數(shù)值的情況（這樣就不會拋出錯誤了）。例如，在其他編程語言中，任何數(shù)值除以0都會導致錯誤，從而停止代碼執(zhí)行。但在JavaScript中，任何數(shù)值除以0會返回NaN，因此不會影響其他代碼的執(zhí)行。
　　NaN本身有兩個非同尋常的特點。首先，任何涉及NaN的操作（例如NaN/10）都會返回NaN，這個特點在多步計算中有可能導致問題。其次，NaN與任何值都不相等，包括NaN本身。例如，下面的代碼會返回false。
alert(NaN == NaN); //false
　　JavaScript中有一個isNaN()函數(shù)，這個函數(shù)接受一個參數(shù)，該參數(shù)可以使任何類型，而函數(shù)會幫我們確定這個參數(shù)是否“不是數(shù)值”。isNaN()在接收一個值之后，會嘗試將這個值轉(zhuǎn)換為數(shù)值。某些不是數(shù)值的值會直接轉(zhuǎn)換為數(shù)值，例如字符串”10“或Boolean值。而任何不能被轉(zhuǎn)換為數(shù)值的值都會導致這個函數(shù)返回true。例如：

復制代碼代碼如下:

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

有3個函數(shù)可以把非數(shù)值轉(zhuǎn)換為數(shù)值：Number()、parseInt()和parseFloat()。第一個函數(shù)，即轉(zhuǎn)型函數(shù)Number()可以用于任何數(shù)據(jù)類型，而另外兩個函數(shù)則專門用于把字符串轉(zhuǎn)換成數(shù)值。這3個函數(shù)對于同樣的輸入會返回不同的結(jié)果。
　　Number()函數(shù)的轉(zhuǎn)換規(guī)則如下：
　　● 如果是Boolean值，true和false將分別被替換為1和0
　　● 如果是數(shù)字值，只是簡單的傳入和返回
　　● 如果是null值，返回0
　　● 如果是undefined，返回NaN
　　● 如果是字符串，遵循下列規(guī)則：
　　　○ 如果字符串中只包含數(shù)字，則將其轉(zhuǎn)換為十進制數(shù)值，即”1“會變成1，”123“會變成123，而”011“會變成11（前導的0被忽略）
　　　○ 如果字符串中包含有效的浮點格式，如”1.1“，則將其轉(zhuǎn)換為對應的浮點數(shù)（同樣，也會忽略前導0）
　　　○ 如果字符串中包含有效的十六進制格式，例如”0xf“，則將其轉(zhuǎn)換為相同大小的十進制整數(shù)值
　　　○ 如果字符串是空的，則將其轉(zhuǎn)換為0
　　　○ 如果字符串中包含除了上述格式之外的字符，則將其轉(zhuǎn)換為NaN
　　● 如果是對象，則調(diào)用對象的valueOf()方法，然后依照前面的規(guī)則轉(zhuǎn)換返回的值。如果轉(zhuǎn)換的結(jié)果是NaN，則調(diào)用對象的toString()方法，然后再依次按照前面的規(guī)則轉(zhuǎn)換返回的字符串值。

復制代碼代碼如下:

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

由于Number()函數(shù)在轉(zhuǎn)換字符串時比較復雜而且不夠合理，因此在處理整數(shù)的時候更常用的是parseInt()函數(shù)。parseInt()函數(shù)在轉(zhuǎn)換字符串時，更多的是看其是否符合數(shù)值模式。它會忽略字符串前面的空格，直至找到第一個非空格字符。如果第一個字符串不是數(shù)字字符或者負號，parseInt()會返回NaN；也就是說，用parseInt()轉(zhuǎn)換空字符串會返回NaN。如果第一個字符是數(shù)字字符，praseInt()會繼續(xù)解析第二個字符，知道解析完所有后續(xù)字符或者遇到了一個非數(shù)字字符。例如，"1234blue"會被轉(zhuǎn)換為1234，”22.5“會被轉(zhuǎn)換為22，因為小數(shù)點并不是有效的數(shù)字字符。
　　如果字符串中的第一個字符是數(shù)字字符，parseInt()也能夠識別出各種整數(shù)格式（即十進制、八進制、十六進制）。為了更好的理解parseInt()函數(shù)的轉(zhuǎn)換規(guī)則，下面給出一些例子

復制代碼代碼如下:

 
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()函數(shù)類似，parseFloat()也是從第一個字符（位置0）開始解析每個字符。而且也是一直解析到字符串末尾，或者解析到遇見一個無效的浮點數(shù)字字符為止。也就是說，字符串中的第一個小數(shù)點是有效的，而第二個小數(shù)點就是無效的了，因此它后面的字符串將被忽略。例如，”22.34.5“將會被轉(zhuǎn)換成22.34。
　　parseFloat()和parseInt()的第二個區(qū)別在于它始終都會忽略前導的零。由于parseFloat()值解析十進制值，因此它沒有用第二個參數(shù)指定基數(shù)的用法。

復制代碼代碼如下:

 
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

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

復制代碼代碼如下:

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

數(shù)值、布爾值、對象和字符串值都有toString()方法。但null和undefined值沒有這個方法。
　　多數(shù)情況下，調(diào)用toString()方法不必傳遞參數(shù)。但是，在調(diào)用數(shù)值的toString()方法時，可以傳遞一個參數(shù)：輸出數(shù)值的基數(shù)。

復制代碼代碼如下:

 
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" 

通過這個例子可以看出，通過指定基數(shù)，toString()方法會改變輸出的值。而數(shù)值10根據(jù)基數(shù)的不同，可以在輸出時被轉(zhuǎn)換為不同的數(shù)值格式。
　　在不知道要轉(zhuǎn)換的值是不是null或undefined的情況下，還可以使用轉(zhuǎn)型函數(shù)String()，這個函數(shù)能夠?qū)⑷魏晤愋偷闹缔D(zhuǎn)換為字符串。String()函數(shù)遵循下列轉(zhuǎn)換規(guī)則：
　　● 如果值有toString()方法，則調(diào)用該方法（沒有參數(shù)）并返回相應的結(jié)果
　　● 如果值是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類型
　　對象其實就是一組數(shù)據(jù)和功能的集合。對象可以通過執(zhí)行new操作符后跟要創(chuàng)建的對象類型的名稱來創(chuàng)建。而創(chuàng)建Object類型的實例并為其添加屬性和（或）方法，就可以創(chuàng)建自定義對象。

復制代碼代碼如下:

　　var o = new Object();

　　Object的每個實例都具有下列屬性和方法：
　　● constructor——保存著用于創(chuàng)建當前對象的函數(shù)
　　● hasOwnProperty(propertyName)——用于檢查給定的屬性在當前對象實例中（而不是在實例的原型中）是否存在。其中，作為參數(shù)的屬性名(propertyName)必須以字符串形式指定（例如：o.hasOwnProperty("name")）
　　● isPrototypeOf(object)——用于檢查傳入的對象是否是另一個對象的原型
　　● propertyIsEnumerable(propertyName)——用于檢查給定的屬性是否能夠使用for-in語句來枚舉
　　● toString()——返回對象的字符串表示
　　● valueOf()——返回對象的字符串、數(shù)值或布爾值表示。通常與toString()方法的返回值相同。

您可能感興趣的文章: