DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript 學習筆記之數據類型
JavaScript 學習筆記之數據類型
編輯:關於JavaScript     

一、分類

基本數據類型:undefined、null、string、Boolean、number

復雜數據類型:object

object的屬性以無序的名稱和值對的形式 (name : value) 來定義

二、詳解

1、undefined:undefined類型只有一個值:undefined,在使用var對變量進行聲明但未初始化時,這個變量的值就是undefined.

包含undefined值的變量與尚未定義的變量是不一樣的,以下這個例子可以說明:

代碼如下:
    var demo1;//聲明但未初始化
    alert(demo1);//undefined
    alert(demo2);//報錯,demo2 is not defined

2、null:null類型只有一個值:null,從邏輯角度來看,null值表示一個空對象指針.

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

代碼如下:
    if(car != null)
    {
        //對car對象執行某些操作
    }

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

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

3、Boolean:Boolean類型有兩個值:true和false,這兩個值與數字值不是一回事,因此true不一定等於1,而false也不一定等於0。

需要注意的是:Boolean類型的字面值是區分大小寫的,也就是說,True和False(以及其他形式的大小寫混合)都不是Boolean值,只是標識符。

 雖然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)//相當於if(Boolean(message)==true)
    {
        alert("Value is true");//Value is true
}

由於存在這種自動執行的Boolean轉換,因此確切地知道在流控制語句中使用的是什麼變量至關重要。

4、number:整數和浮點

4.1 整數:在進行計算時,所有的八進制和十六進制數都會被換算成十進制

4.2 浮點:浮點數值的最高精度是17位,因此在算數計算時其精度遠遠不如整數,例如:0.1+0.2的結果不是0.3,而是0.30000000000000004.例如:

代碼如下:
a=0.2;
b=0.1;
if(a+b==0.3){
alert("hello");
}
else{
alert("hi");
}

結果會彈出“hi”,因此不要測試某個特定的浮點數值。

4.3 NaN:非數值 Not a Number,這個數值用於表示一個本來要返回數值的操作數未返回數值的情況(這樣就不會拋出錯誤了)。

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

代碼如下:
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("bule123")); //ture(不能被轉換為數值)
    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()函數,而處理浮點數的時候常用parseFloat()函數,詳見:http://www.cnblogs.com/yxField/p/4167954.html

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“

6、object

 對象其實就是一組數據和功能的集合。對象可以通過執行new操作符後跟要創建的對象類型的名稱來創建。而創建Object類型的實例並為其添加屬性和(或)方法,就可以創建自定義對象。

  var o = new Object();
  object類型所具有的任何屬性和方法也同樣存在於更具體的對象中,Object的每個實例都具有下列屬性和方法:

  ● constructor(構造函數)——保存著用於創建當前對象的函數

  ● hasOwnProperty(propertyName)——用於檢查給定的屬性在當前對象實例中(而不是在實例的原型中)是否存在。其中,作為參數的屬性名(propertyName)必須以字符串形式指定(例如:o.hasOwnProperty("name"))

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

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

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

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

 三、小測試

  代碼如下:
typeof(NaN)
typeof(Infinity)
typeof(null)
typeof(undefined)

很多面試都會問到上面幾個小問題哒~~

以上就是這6種javascript數據類型的介紹了,小伙伴們是否了解清楚了呢,希望看完本文後大家能有所提高。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved