數(shù)據(jù)類型

JavaScript語言的每一個值，都屬于某一種數(shù)據(jù)類型。JavaScript的數(shù)據(jù)類型，共有六種。（ES6又新增了第七種Symbol類型的值，本教程不涉及。）

• 數(shù)值（number）：整數(shù)和小數(shù)（比如1和3.14）
• 字符串（string）：字符組成的文本（比如"Hello World"）
• 布爾值（boolean）：true（真）和false（假）兩個特定值
• undefined：表示“未定義”或不存在，即此處目前沒有任何值
• null：表示空缺，即此處應(yīng)該有一個值，但目前為空
• 對象（object）：各種值組成的集合

原始類型（primitivetype）

即它們是最基本的數(shù)據(jù)類型，不能再細分了。

• 數(shù)值
• 字符串
• 布爾值

合成類型（complex type）

因為一個對象往往是多個原始類型的值的合成，可以看作是一個存放各種值的容器。

• 對象(object)(對象包括：狹義的對象（object）／數(shù)組（array）／函數(shù)（function））

特殊值

• undefined
• null

1,typeof運算符／instanceof運算符／Object.prototype.toString方法(值的數(shù)據(jù)類型判斷)

JavaScript有三種方法，可以確定一個值到底是什么類型。

• typeof運算符
• instanceof運算符
• Object.prototype.toString方法(待續(xù)......)

typeof運算符

（1）原始類型（數(shù)值、字符串、布爾值分別返回number、string、boolean。）

typeof 123 // "number"
typeof '123' // "string"
typeof false // "boolean"

（2）函數(shù)（函數(shù)返回function）

function f() {}
typeof f
// "function"

（3）undefined（undefined返回undefined）

typeof undefined
// "undefined"
利用這一點，typeof可以用來檢查一個沒有聲明的變量，而不報錯。

v
// ReferenceError: v is not defined

typeof v
// "undefined"
實際編程中，這個特點通常用在判斷語句。

// 錯誤的寫法
if (v) {
   // ...
}
// ReferenceError: v is not defined

// 正確的寫法
if (typeof v === "undefined") {
  // ...
}

（4）其他（除此以外，其他情況都返回object）

typeof window // "object"
typeof {} // "object"
typeof [] // "object"
typeof null // "object"
/*從上面代碼可以看到，空數(shù)組（[]）的類型也是object，這表示在JavaScript內(nèi)部，數(shù)組本質(zhì)上只是一種特殊的對象。另外，null的類型也是object，這是由于歷史原因造成的，為了兼容以前的代碼，后來就沒法修改了，并不是說null就屬于對象，本質(zhì)上null是一個類似于undefined的特殊值。*/

instanceof運算符符(用于區(qū)分array和object)

既然typeof對數(shù)組（array）和對象（object）的顯示結(jié)果都是object，那么怎么區(qū)分它們呢？instanceof運算符可以做到。

var o = {};
var a = [];

o instanceof Array // false
a instanceof Array // true

2,null 和 undefined 的區(qū)別

null與undefined都可以表示“沒有”，含義非常相似。將一個變量賦值為undefined或null，老實說，語法效果幾乎沒區(qū)別。

var a = undefined;
// 或者
var a = null;
上面代碼中，a變量分別被賦值為undefined和null，這兩種寫法的效果幾乎等價。

在if語句中，它們都會被自動轉(zhuǎn)為false，相等運算符（==）甚至直接報告兩者相等。

if (!undefined) {
  console.log('undefined is false');
}
// undefined is false

if (!null) {
  console.log('null is false');
}
// null is false

undefined == null
// true

上面代碼說明，兩者的行為是何等相似！Google公司開發(fā)的JavaScript語言的替代品Dart語言，就明確規(guī)定只有null，沒有undefined！

既然含義與用法都差不多，為什么要同時設(shè)置兩個這樣的值，這不是無端增加復(fù)雜度，令初學(xué)者困擾嗎？這與歷史原因有關(guān)。

1995年JavaScript誕生時，最初像Java一樣，只設(shè)置了null作為表示"無"的值。根據(jù)C語言的傳統(tǒng)，null被設(shè)計成可以自動轉(zhuǎn)為0。

Number(null) // 0
5 + null // 5

但是，JavaScript的設(shè)計者Brendan Eich，覺得這樣做還不夠，有兩個原因。

首先，null像在Java里一樣，被當成一個對象。但是，JavaScript的數(shù)據(jù)類型分成原始類型和合成類型兩大類，Brendan Eich覺得表示"無"的值最好不是對象。

其次，JavaScript的最初版本沒有包括錯誤處理機制，發(fā)生數(shù)據(jù)類型不匹配時，往往是自動轉(zhuǎn)換類型或者默默地失敗。Brendan Eich覺得，如果null自動轉(zhuǎn)為0，很不容易發(fā)現(xiàn)錯誤。

因此，Brendan Eich又設(shè)計了一個undefined。他是這樣區(qū)分的：null是一個表示"無"的對象，轉(zhuǎn)為數(shù)值時為0；undefined是一個表示"無"的原始值，轉(zhuǎn)為數(shù)值時為NaN。

Number(undefined) // NaN
5 + undefined // NaN

但是，這樣的區(qū)分在實踐中很快就被證明不可行。目前null和undefined基本是同義的，只有一些細微的差別。

null的特殊之處在于，JavaScript把它包含在對象類型（object）之中。

typeof null // "object"

上面代碼表示，查詢null的類型，JavaScript返回object（對象）。

這并不是說null的數(shù)據(jù)類型就是對象，而是JavaScript早期部署中的一個約定俗成，其實不完全正確，后來再想改已經(jīng)太晚了，會破壞現(xiàn)存代碼，所以一直保留至今。

用法和含義

• null表示空值，即該處的值現(xiàn)在為空。典型用法是：
  1.作為函數(shù)的參數(shù)，表示該函數(shù)的參數(shù)是一個沒有任何內(nèi)容的對象。
  2.作為對象原型鏈的終點。

• undefined表示不存在值，就是此處目前不存在任何值。典型用法是：
  1.變量被聲明了，但沒有賦值時，就等于undefined。
  2.調(diào)用函數(shù)時，應(yīng)該提供的參數(shù)沒有提供，該參數(shù)等于undefined。
  3.對象沒有賦值的屬性，該屬性的值為undefined。
  4.函數(shù)沒有返回值時，默認返回undefined。

--

var i;
i // undefined

function f(x){console.log(x)}
f() // undefined

var  o = new Object();
o.p // undefined

var x = f();
x // undefined

3,Boolean

布爾值代表“真(true)”和“假(false)”兩個狀態(tài),布爾值只有這兩個值。

下列運算符會返回布爾值：

兩元邏輯運算符： && (And)，|| (Or)
前置邏輯運算符： ! (Not)
相等運算符：===，!==，==，!=
比較運算符：>，>=，<，<=

如果JavaScript預(yù)期某個位置應(yīng)該是布爾值，會將該位置上現(xiàn)有的值自動轉(zhuǎn)為布爾值。轉(zhuǎn)換規(guī)則是除了下面六個值被轉(zhuǎn)為false，其他值都視為true。

undefined
null
false
0
NaN
""（空字符串）

布爾值往往用于程序流程的控制，請看一個例子。

if ('') {
  console.log(true);
}
// 沒有任何輸出

上面代碼的if命令后面的判斷條件，預(yù)期應(yīng)該是一個布爾值，所以JavaScript自動將空字符串，轉(zhuǎn)為布爾值false，導(dǎo)致程序不會進入代碼塊，所以沒有任何輸出。

需要特別注意的是，空數(shù)組（[]）和空對象（{}）對應(yīng)的布爾值，都是true。

if ([]) { console.log(true); } // true

if ({}) { console.log(true); } // true

4,Number

JavaScript的數(shù)字類型和其它語言有所不同，沒有整型和浮點數(shù)的區(qū)別，統(tǒng)一都是Number類型，可以表示十進制、八進制、十六進制

var a = 10; //十進制
var b = 073; //八進制
vat c = 0xf3; //十六進制

浮點數(shù)

浮點數(shù)是指數(shù)字包含小數(shù)點，小數(shù)點后至少有一位數(shù)字(沒有或者是0會轉(zhuǎn)為整數(shù))，前面可以沒有

var a = 0.27;
var b = .45;

對于極大或極小的數(shù)字可以使用科學(xué)計數(shù)法

var a = 3.1e5; //310000

浮點數(shù)最高精度是17位，但是在計算的時候精度不如整數(shù)

1 - 0.9; // 0.09999999999999998
0.1 + 0.2; //0.30000000000000004

數(shù)值范圍

JavaScript Number不能表示所有數(shù)字，有個范圍

Number.MIN_VALUE: 5e-324
Number.MAX_VALUE: 1.7976931348623157e+308

如果超過這個范圍數(shù)字會被轉(zhuǎn)為特殊的Infinity值表示無窮，-Infinity表示負無窮

可以通過函數(shù)isFinite判斷數(shù)字是否是無窮

isFinite(Number.MAX_VALUE + 1); // true
isFinite(Infinity);  // false
isFinite(NaN);       // false
isFinite(-Infinity); // false

isFinite(0);         // true
isFinite(2e64);      // true

isFinite("0");       // true

5,NaN

NaN含義是Not a Number，表示非數(shù)字，NaN和任何值都不相等，包括自己

NaN == NaN; //false

數(shù)值轉(zhuǎn)換

有三個函數(shù)可以把非數(shù)值轉(zhuǎn)換為數(shù)值

• Number()
• parseInt()
• parseFloat()

Number規(guī)則相當復(fù)雜而且不合理，幾乎不使用，常用的是后兩個，兩個規(guī)則類似

parseInt()

• 忽略字符串前面的空白字符，找到第一個非空白字符
• 如果第一個字符不是-或者數(shù)字返回NaN
• 如果是繼續(xù)解析，直到非數(shù)值模式為止
• 0開頭會當做八進制，0x開頭會當做十六進制，但是可以指定第二個參數(shù)指定基數(shù)

--

parseInt('blue'); //NaN
parseInt('-23ABS'); // -23
parseInt('0xf1'); // 241
parseInt('101', 2); // 5

數(shù)值參考

6,String

String是Unicode字符組成的序列，俗稱字符串，可以用雙引號或者單引號表示，沒有區(qū)別，匹配即可

字符串也有一些轉(zhuǎn)義字符

\n---換行
\r---回車
\t---水平制表符
\b---空格
\\---\（斜杠）
\'---單引號（'）,在單引號表示字符串的時候用。例如：'He said,\'hey.\''
\"---雙引號（"）
\xnn---以十六進制代碼nn表示一個字符（其中n為0~F）例如：\x41表示'A'
\unnn--- 以十六進制代碼nnn表示一個Unicode（其中n為0~F）例如：\u03a3表示希臘字符Σ

字符串的長度可以通過length屬性獲得

"123".length; // 3

轉(zhuǎn)換為字符串

把一個值轉(zhuǎn)換為字符串有兩種方法

方法一：.toString()（方法）

第一種是幾乎每個值都有的toString()方法，該方法返回字符串副本；唯獨null和undefined沒有這個方法所以當不確定轉(zhuǎn)換的值是不是null或undefined用到第二個方法；

var age=11;
var ageAsString=age.toString();   //得到字符串：'11'
var found=true;
var foundAsString=found.toString();   //得到字符串：'true'
多數(shù)情況調(diào)用該方法不要傳遞參數(shù)；參數(shù)的作用是通過傳入基數(shù)（參數(shù)）可以把數(shù)值轉(zhuǎn)換成二進制，八進制，十進制，十六進制，其他任意有效進制格式；（默認是十進制）的字符串如下
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'

方法二：String()(轉(zhuǎn)型函數(shù))

當不確定轉(zhuǎn)換的值是不是null或undefined用到String()
遵循下列轉(zhuǎn)換規(guī)則：

• 如果值有toString()方法，則調(diào)用該方法（無參數(shù)）

• 如果是null，則返回"null"

• 如果是undefined，則返回"undefined"

  var val1=10
  var val2=true
  var val3=null
  var val4

  alert(String(val1)); //"10"
  alert(String(val2)); //"true"
  alert(String(val3)); //"null"
  alert(String(val4)); //"undefined"

字符串方法

1，indexOf：獲取字符位置(ES5中數(shù)組也有同樣的方法查找制定數(shù)組內(nèi)元素.indexOf(elment)從頭開始找/.lastIndexOf(elment)從尾開始找)

"abc".indexOf('b'); // 1

2，toLowerCase：轉(zhuǎn)換為小寫，toUpperCase：轉(zhuǎn)換為大寫

"aBcD".toLowerCase(); // "abcd"
"aBcD".toUpperCase(); // "ABCD"

3，trim：刪除兩端空白字符(IE9+)

" sd f ".trim(); // "sd f"

4，replace：字符串替換

"abc".replace('b', 'B'); // "aBc"

5，split：分割字符串位數(shù)組(常用)

"a,bc,d,e".split(','); // [a, bc, d, e]

6，substr(start, length)：獲取子字符串

"abcdef".substr(2,3); // "cde"

7，substring(start, end)：獲取子字符串

"abcdef".substring(2,3); // "c"

7,Object

對象（object）是JavaScript的核心概念，也是最重要的數(shù)據(jù)類型。JavaScript的所有數(shù)據(jù)都可以被視為對象，這也是我們常說的一切皆為對象。

簡單說，所謂對象，就是一種無序的數(shù)據(jù)集合，由若干個“鍵值對”（key-value）構(gòu)成。key我們稱為對象的屬性，value可以是任何JavaScript類型，甚至可以是對象

var o = new Object();
o.name = 'Byron';
o.age = 24;

我們也可以通過字面量的方式定義對象，實際上這種方法更常用

var o = {
    name: 'Byron',
    age:24
}

key可以使用引號包裹，也可以直接寫，對象有一個默認的方法toString，用來返回對象的字符串表示

console.log(o); // Object {name: "Byron", age: 24}
console.log(o.toString()); // [object Object]
object的屬性讀取有兩種方式

o.name;
o['name'];

參考
http://javascript.ruanyifeng.com/grammar/basic.html