深刻理解JavaScript數據類型

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 car
console.log(car);//"undefined"
console.log(typeof car);//"undefined"
function test() {
    return;
}
console.log(test())//"undefined"
console.log(undefined == null);//true
console.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));//false
console.log(Boolean(b));//false
console.log(Boolean(c));//false
console.log(Boolean(d));//false
console.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()轉換空字符串會返回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;          //11
var 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 = {};                    //空對象
var obj2 = new Object();        //空對象
var obj3 = Object.create(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  //同上