深入理解JavaScript資料類型

標籤：查詢   沒有   位置   str   十六進位   編程   用法   索引值   有用   

javascript中的資料類型分為兩類：原始類型和物件類型。其中原始類型包括Undefined、Null、Boolean、Number和String，除開這幾種類型以外的就是物件類型。

null類型

null是javascript語言中的關鍵字，它表示一個特殊值，常用來表示“空值”，對null執行typeof操作符，結果返回字串“object”，也就是說，可以將null認為是一個特殊的對象值，含義是“非對象”。但實際上，通常認為null是他自有類型的唯一成員，他可以表示數字，字串和對象是“無值的”

  var car = null;  console.log(typeof car); // "object"

undefined類型

undefined是JavaScript第二個表示空缺的值，用未定義的值表示 更深層次的“空值”，他是變數的一種取值，表明變數沒有初始化，如果要查詢的對象屬性或數組元素的值返回undefined則說明這個屬性或元素不存在，如果函數沒有任何傳回值，則返回undefined。使用typeof操作符返回undefined，表明這個值是這個類型的唯一成員。儘管null和undefined是不同的，但他們都表示值的空缺，兩者往往可以互換，判斷符“==”認為兩者是相等的（需要使用“===”才能區分他們）。

var carconsole.log(car);//"undefined"console.log(typeof car);//"undefined"function test() {    return;}console.log(test())//"undefined"console.log(undefined == null);//trueconsole.log(undefined === null);//false

boolean類型

布爾值代表真或假。這個類型只有兩個值：true和false.雖然Boolean類型的字面值只有兩個，但JavaScript中所有類型的值都有與這兩個Boolean值等價的值。要將一個值轉換為其對應的Boolean值，可以調用類型轉換函式Boolean()。undefined,null,0,-0,NaN,‘‘會被轉換成false,所有其他值都會轉換成true.

var a = ‘‘;var b = null;var c = 0;var d = NaN;var e;console.log(Boolean(a));//falseconsole.log(Boolean(b));//falseconsole.log(Boolean(c));//falseconsole.log(Boolean(d));//falseconsole.log(Boolean(e));//false

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 = "";var str2 = ‘test‘;var str3 = ‘3.14‘;var str4 = ‘wound you like "javascript"?‘var str5 = ‘wound             you‘

javasript內建有字串的串連，如果運算式中含有字串，通過加號運算子可以將字串拼接起來。對於不是字串的值，會先轉成字串再拼接。

var str1 = ‘hello‘ + ‘ world‘;   //"hello world"var str2 = ‘1‘ + 1;          //11var str3 = true + ‘false‘;     //"truefalse"

字串有許多可以調用的方法（可以通過String.prototype查看所有方法）。

var str = "hello world"str.length      //11,字串長度str.charAt(0)    //‘h‘,第一個字元str.charAt(str.length-1)    //‘d‘,最後一個字元str.substring(1,4)        //‘ell‘,第2-4的字元str.slice(1,4)            //‘ell‘,同上s.indexOf(‘l‘)             //2,字元l首次出現的位置str.split(‘ ‘)           //["hello","world"]，分割字串str.__proto__           //字串原型對象String.prototype        //同上

object類型

除開以上類型以外的都是對象，包括數組，函數，對象，正則等等都是物件類型。對象其實就是一組資料和功能的集合。對象可以通過執行new操作符後跟要建立的物件類型的名稱來建立。而建立Object類型的執行個體並為其添加屬性和（或）方法，就可以建立自訂對象。也可以使用對象直接量進行建立，對象直接量是若干個索引值對組成的映射表，也可以通過Object的create方法建立對象。對象都是獨一無二的，不管通過什麼方法建立的對象都不相等。

var obj1 = {};                    //Null 物件var obj2 = new Object();        //Null 物件var obj3 = Object.create(null); //Null 物件var obj4 = new Object();console.log(obj2 == obj4)         //false

每一個物件類型的執行個體都具有許多方法。可以通過Object.prototype來查看對象的所有方法。

var obj = new Object();obj.toString()      //[object,object],轉為字串obj.title = ‘hello‘    //添加屬性Object.defineProperty(obj,‘title‘,{    value: ‘hello‘,    writable: true,    enumerable: true,    configurable: true})                    //同上obj.valueOf()     //object, 返回對象的基元值。obj.__proto__     //對象原型Object.prototype  //同上

 

深入理解JavaScript資料類型