數據類型分類

JavaScript語言的每一個值，都屬于某一種數據類型。JavaScript的數據類型，共有六種。

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

范例
var num = 100;                             /* 數值（number） */
var str = 'jirengu';                        /* 字符串（string） */
var isOk = true ;                           /* 布爾值（boolean） */
var hello;  //undefined                     /* undefined   */
var empty = null;                           /* null */
var person = {                             /* 對象（object）：數組 */
  name: '若愚',
  age: 100
}
var arr = [1, 2, 3];                       /* 對象（object）:數組*/
var sayName = function(){                  /* 對象（object） ：函數 */
  console.log('my name is jirengu')
}
var reg = /hello/;                          /* 正則表達式 */

原始類型和復雜類型

數值、字符串、布爾值稱為原始類型（primitive type）的值，即它們是最基本的數據類型，不能再細分了。

將對象稱為復雜類型（complex type）的值，因為一個對象往往是多個原始類型的值的合成，可以看作是一個存放各種值的容器。

對象的細分
對象又可以分成三個子類型。
狹義的對象（object）
1.數組（array）
2.函數（function）
3.正則表達式 (regexp)

undefined和null的區別

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

var a = undefined;
var a = null;

上面代碼中，a變量分別被賦值為undefined和null，這兩種寫法的效果幾乎等價。
在if語句中，它們都會被自動轉為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公司開發的JavaScript語言的替代品Dart語言，就明確規定只有null，沒有undefined！

既然含義與用法都差不多，為什么要同時設置兩個這樣的值，這不是無端增加復雜度，令初學者困擾嗎？
這與歷史原因有關。
1995年JavaScript誕生時，最初像Java一樣，只設置了null作為表示"無"的值。
根據C語言的傳統，null被設計成可以自動轉為0。

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

但是，JavaScript的設計者Brendan Eich，覺得這樣做還不夠，有兩個原因。
首先，null像在Java里一樣，被當成一個對象。
但是，JavaScript的數據類型分成原始類型和合成類型兩大類，Brendan Eich覺得表示"無"的值最好不是對象。
其次，JavaScript的最初版本沒有包括錯誤處理機制，發生數據類型不匹配時，往往是自動轉換類型或者默默地失敗。
Brendan Eich覺得，如果null自動轉為0，很不容易發現錯誤。
因此，Brendan Eich又設計了一個undefined。
他是這樣區分的：null是一個表示"無"的對象，轉為數值時為0；
undefined是一個表示"無"的原始值，轉為數值時為NaN。

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

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

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

typeof null // "object"

上面代碼表示，查詢null的類型，JavaScript返回object（對象）。
這并不是說null的數據類型就是對象，而是JavaScript早期部署中的一個約定俗成。
其實不完全正確，后來再想改已經太晚了，會破壞現存代碼，所以一直保留至今。

注意，JavaScript的標識名區分大小寫。
所以undefined和null不同于Undefined和Null（或者其他僅僅大小寫不同的詞形），后者只是普通的變量名。

null和undefined用法和含義

對于null和undefined，可以大致可以像下面這樣理解。

null表示空值，即該處的值現在為空。典型用法是：

作為函數的參數，表示該函數的參數是一個沒有任何內容的對象。
作為對象原型鏈的終點。
undefined表示不存在值，就是此處目前不存在任何值。典型用法是：

變量被聲明了，但沒有賦值時，就等于undefined。
調用函數時，應該提供的參數沒有提供，該參數等于undefined。
對象沒有賦值的屬性，該屬性的值為undefined。
函數沒有返回值時，默認返回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

布爾值 Boolean

布爾值代表“真”和“假”兩個狀態。“真”用關鍵字true表示，“假”用關鍵字false表示。布爾值只有這兩個值。

下列運算符會返回布爾值：
兩元邏輯運算符： && (And)，|| (Or)
前置邏輯運算符： ! (Not)
相等運算符：===，!==，==，!=
比較運算符：>，>=，<，<=

轉換規則

如果JavaScript預期某個位置應該是布爾值，會將該位置上現有的值自動轉為布爾值。轉換規則是除了下面六個值被轉為false，其他值都視為true。

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

數值（number）

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

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

范例

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

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

空對象和空數組的轉換

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

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

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

浮點數

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

var a = 0.27;
var b = .45;

對于極大或極小的數字可以使用科學計數法

var a = 3.1e5; //310000

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

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

Infinity
JavaScript Number不能表示所有數字，Infinity 表示無窮大
1/0 //Infinity

NaN

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

NaN == NaN; //false 
parseInt('abc'); //NaN

數值轉換

有三個函數可以把非數值轉換為數值

1. Number()
2. parseInt()
3. parseFloat()

parseInt parseFloat

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

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

數值參考

字符串（string）

String是Unicode字符組成的序列，俗稱字符串，可以用雙引號或者單引號表示，沒有區別，匹配即可
var str = 'hello';var str2 = "jirengu";var str3 = 'hello "ruoyu" ';

對象（object）

對象，就是一種無序的數據集合，由若干個“鍵值對”（key-value）構成。key我們稱為對象的屬性，value可以是任何JavaScript類型，甚至可以是對象
var obj = { name: 'jirengu', age: 2 };

object的屬性讀取有兩種方式

obj.name; 
obj['name'];

typeof運算符

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

1. typeof運算符
2. instanceof運算符
3. Object.prototype.toString方法

instanceof運算符和Object.prototype.toString方法，將在后文相關章節介紹。這里著重介紹typeof運算符.

typeof運算符可以返回一個值的數據類型，可能有以下結果。

1. 原始類型

數值、字符串、布爾值分別返回number、string、boolean。

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

2. 函數

函數返回function。

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

3.undefined

undefined返回undefined。

typeof undefined
// "undefined"

typeof 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"

區分數組和對象

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

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

[參考答案](https://jscode.me/t/topic/1185)