JavaScript數(shù)據(jù)類型
萬丈高樓平地起，萬變不離其宗，扎實(shí)的基本功對(duì)于一個(gè)研發(fā)人員來說相當(dāng)重要，此文從常見面試題著手，以文字思維導(dǎo)圖的形式回顧總結(jié)JavaScript的數(shù)據(jù)類型，偶爾閱讀此文，能夠查漏補(bǔ)缺、加深印象。
面試題引入
js有哪幾種數(shù)據(jù)類型？其中基本數(shù)據(jù)類型是哪些？
5s回想
回答前的旁白：
從結(jié)構(gòu)上看，所有的數(shù)據(jù)（data）最終都可以分解成三種類型：
標(biāo)量（scalar），也就是一個(gè)單獨(dú)的字符串（string）或數(shù)字（number），比如"北京"這個(gè)單獨(dú)的詞。
序列（sequence），也就是若干個(gè)相關(guān)的數(shù)據(jù)按照一定順序并列在一起，又叫做數(shù)組（array）或列表（List），比如"北京，上海"。
映射（mapping），也就是一個(gè)名/值對(duì)（Name/value），即數(shù)據(jù)有一個(gè)名稱，還有一個(gè)與之相對(duì)應(yīng)的值，這又稱作散列（hash）或字典（dictionary），比如"首都：北京"。
json：
Douglas Crockford聲稱的永遠(yuǎn)不必升級(jí)的規(guī)則：
1） 并列的數(shù)據(jù)之間用逗號(hào)（"，"）分隔
2） 映射用冒號(hào)（"："）表示
3） 并列數(shù)據(jù)的集合（數(shù)組）用方括號(hào)("[]")表示
4） 映射的集合（對(duì)象）用大括號(hào)（"{}"）表示
例子："北京市的面積為16800平方公里，常住人口1600萬人。上海市的面積為6400平方公里，常住人口1800萬。"
=> [
{"城市":"北京","面積":16800,"人口":1600},
{"城市":"上海","面積":6400,"人口":1800}
]
分類：
基本數(shù)據(jù)類型（值類型、原始類型）：
包括：
undefined
定義：表示“無”的原始值、未定義，轉(zhuǎn)為數(shù)值時(shí)為NaN
場(chǎng)景：
變量聲明，但沒有賦值
調(diào)用函數(shù)時(shí)，應(yīng)該提供的參數(shù)沒有提供，該參數(shù)等于undefined
對(duì)象沒有賦值的屬性
函數(shù)沒有返回值時(shí)，默認(rèn)返回undefined
null
定義：表示“無”的對(duì)象、空值，轉(zhuǎn)為數(shù)值時(shí)為0
場(chǎng)景：調(diào)用函數(shù)時(shí)，不需要傳入某個(gè)參數(shù)，這時(shí)就可以傳入null
注意：typeof(null)返回'object'
boolean
定義：表示“真”（true）和“假”（false）兩個(gè)狀態(tài)
場(chǎng)景：
兩元邏輯運(yùn)算符： && ，||
前置邏輯運(yùn)算符： !
相等運(yùn)算符：===，!==，==，!=
比較運(yùn)算符：>，>=，<，<=
自動(dòng)轉(zhuǎn)換：
false：undefined, null, false, 0, NaN, ""或''
true：除了轉(zhuǎn)為false的外都轉(zhuǎn)為true，特別的[], {}
應(yīng)用：用于程序流程的控制
number
概述
整數(shù)和浮點(diǎn)數(shù)
所有數(shù)字都是以64位浮點(diǎn)數(shù)形式儲(chǔ)存，1與1.0是相同的，是同一個(gè)數(shù)1 === 1.0 => true
注意：
某些運(yùn)算只有整數(shù)才能完成，此時(shí)JavaScript會(huì)自動(dòng)把64位浮點(diǎn)數(shù)，轉(zhuǎn)成32位整數(shù)
浮點(diǎn)數(shù)不是精確的值 0.1 + 0.2 === 0.3, (0.3 - 0.2) === (0.2 - 0.1) => false
數(shù)值精度
國(guó)際標(biāo)準(zhǔn)IEEE 754：
第1位：符號(hào)位，0表示正數(shù)，1表示負(fù)數(shù)
第2位到第12位：儲(chǔ)存指數(shù)部分（11個(gè)二進(jìn)制）
第13位到第64位：儲(chǔ)存小數(shù)部分（即有效數(shù)字）
精度：-(2e53-1)到2e53-1，超過無法保持精度
數(shù)值范圍
指數(shù)范圍：最大2e11-1 => 2047
數(shù)值范圍：2e1024到2e-1023，超過不能表示
正向溢出：指數(shù)部分等于或超過最大正值1024 => Infinity
負(fù)向溢出：指數(shù)部分等于或超過最小負(fù)值-1023 => 0
最大值：Number.MAX_VALUE => 1.7976931348623157e+308
最小值：Number.MIN_VALUE => 5e-324
表示法
字面量
35（十進(jìn)制）和0xFF（十六進(jìn)制）
科學(xué)計(jì)數(shù)法
123e3 => 123000，123e-3 => 0.123
自動(dòng)轉(zhuǎn)科學(xué)計(jì)數(shù)法
小數(shù)點(diǎn)前的數(shù)字多于21位
小數(shù)點(diǎn)后的零多于5個(gè)
進(jìn)制
十進(jìn)制：沒有前導(dǎo)0的數(shù)值
八進(jìn)制：有前綴0o或0O的數(shù)值，或者有前導(dǎo)0、且只用到0-7的七個(gè)阿拉伯?dāng)?shù)字的數(shù)值
十六進(jìn)制：有前綴0x或0X的數(shù)值
二進(jìn)制：有前綴0b或0B的數(shù)值
特殊數(shù)值
正零和負(fù)零
區(qū)別：+0或-0當(dāng)作分母，返回的值是不相等
1 / +0 => +Infinity
1 / -0 => -Infinity
NaN
定義：“非數(shù)字”（Not a Number）
場(chǎng)景：
將字符串解析成數(shù)字出錯(cuò) 5 - 'x' => NaN
數(shù)學(xué)函數(shù)的運(yùn)算結(jié)果
Math.acos(2) => NaN
Math.log(-1) => NaN
Math.sqrt(-1) => NaN
0 / 0 => NaN
運(yùn)算規(guī)則：
NaN === NaN => false
[NaN].indexOf(NaN) => -1
Boolean(NaN) => false
NaN + 32 => NaN
判斷方法：
isNaN(NaN) => true
注意：只對(duì)數(shù)值有效，其他值要先轉(zhuǎn)換成數(shù)值
注意：
NaN不是一種獨(dú)立的數(shù)據(jù)類型
是一種特殊數(shù)值，typeof NaN => 'number'
Infinity
定義：
正的數(shù)值太大，或一個(gè)負(fù)的數(shù)值太小，無法表示
非0數(shù)值除以0，得到Infinity
有正負(fù)之分
運(yùn)算規(guī)則：略
isFinite：返回一個(gè)布爾值，檢查某個(gè)值是不是正常數(shù)值，而不是Infinity
isFinite(Infinity) => false，isFinite(NaN) => false，isFinite(-1) => true
全局方法
parseInt()
將字符串轉(zhuǎn)為整數(shù)
進(jìn)制轉(zhuǎn)換
parseFloat()
將一個(gè)字符串轉(zhuǎn)為浮點(diǎn)數(shù)
Number對(duì)象實(shí)例方法
toString 把數(shù)字轉(zhuǎn)換為字符串，使用指定的基數(shù)。
toLocaleString 把數(shù)字轉(zhuǎn)換為字符串，使用本地?cái)?shù)字格式順序。
toFixed 把數(shù)字轉(zhuǎn)換為字符串，結(jié)果的小數(shù)點(diǎn)后有指定位數(shù)的數(shù)字。
toExponential 把對(duì)象的值轉(zhuǎn)換為指數(shù)計(jì)數(shù)法。
toPrecision 把數(shù)字格式化為指定的長(zhǎng)度。
valueOf 返回一個(gè) Number 對(duì)象的基本數(shù)字值。
string
概述
定義
轉(zhuǎn)義：反斜杠（\）轉(zhuǎn)義符，表示特殊字符
特殊：
三個(gè)八進(jìn)制數(shù)：'\251' => "?"
兩個(gè)十六進(jìn)制數(shù)：'\xA9' => "?"
四個(gè)十六進(jìn)制數(shù)：'\u00A9' => "?"
字符串與數(shù)組
相同取值方式，不可賦值
使用數(shù)據(jù)方法：Array.prototype.join.call(s, ' ')
長(zhǎng)度
length不可改
字符集
Unicode
Base64轉(zhuǎn)碼
處理特殊字符，方便打印
btoa()：字符串或二進(jìn)制值轉(zhuǎn)為Base64編碼
atob()：Base64編碼轉(zhuǎn)為原來的編碼
非ASCII碼字符（漢字）轉(zhuǎn)為Base64編碼：
btoa(encodeURIComponent(str))
String對(duì)象方法：
anchor() 創(chuàng)建 HTML 錨。
big() 用大號(hào)字體顯示字符串。
blink() 顯示閃動(dòng)字符串。
bold() 使用粗體顯示字符串。
charAt() 返回在指定位置的字符。
charCodeAt() 返回在指定的位置的字符的 Unicode 編碼。
concat() 連接字符串。
fixed() 以打字機(jī)文本顯示字符串。
fontcolor() 使用指定的顏色來顯示字符串。
fontsize() 使用指定的尺寸來顯示字符串。
fromCharCode() 從字符編碼創(chuàng)建一個(gè)字符串。
indexOf() 檢索字符串。
italics() 使用斜體顯示字符串。
lastIndexOf() 從后向前搜索字符串。
link() 將字符串顯示為鏈接。
localeCompare() 用本地特定的順序來比較兩個(gè)字符串。
match() 找到一個(gè)或多個(gè)正則表達(dá)式的匹配。
replace() 替換與正則表達(dá)式匹配的子串。
search() 檢索與正則表達(dá)式相匹配的值。
slice() 提取字符串的片斷，并在新的字符串中返回被提取的部分。
small() 使用小字號(hào)來顯示字符串。
split() 把字符串分割為字符串?dāng)?shù)組。
strike() 使用刪除線來顯示字符串。
sub() 把字符串顯示為下標(biāo)。
substr() 從起始索引號(hào)提取字符串中指定數(shù)目的字符。
substring() 提取字符串中兩個(gè)指定的索引號(hào)之間的字符。
sup() 把字符串顯示為上標(biāo)。
toLocaleLowerCase() 把字符串轉(zhuǎn)換為小寫。
toLocaleUpperCase() 把字符串轉(zhuǎn)換為大寫。
toLowerCase() 把字符串轉(zhuǎn)換為小寫。
toUpperCase() 把字符串轉(zhuǎn)換為大寫。
toSource() 代表對(duì)象的源代碼。
toString() 返回字符串。
valueOf() 返回某個(gè)字符串對(duì)象的原始值。
特點(diǎn)：
1） 占用空間固定，保存在棧中
2） 保存與復(fù)制的是值本身
3） 使用typeof檢測(cè)數(shù)據(jù)類型
合成數(shù)據(jù)類型（引用類型）：
包括：
object：
理解：
（1）“對(duì)象”是單個(gè)實(shí)物的抽象。
一本書、一輛汽車、一個(gè)人，一個(gè)數(shù)據(jù)庫(kù)、一張網(wǎng)頁(yè)、一個(gè)與遠(yuǎn)程服務(wù)器的連接也可以是“對(duì)象”。當(dāng)實(shí)物被抽象成“對(duì)象”，實(shí)物之間的關(guān)系就變成了“對(duì)象”之間的關(guān)系，從而就可以模擬現(xiàn)實(shí)情況，針對(duì)“對(duì)象”進(jìn)行編程。
（2）“對(duì)象”是一個(gè)容器，封裝了“屬性”（property）和“方法”（method）。
所謂“屬性”，就是對(duì)象的狀態(tài)；所謂“方法”，就是對(duì)象的行為（完成某種任務(wù)）。比如，我們可以把動(dòng)物抽象為animal對(duì)象，“屬性”記錄具體是那一種動(dòng)物，“方法”表示動(dòng)物的某種行為（奔跑、捕獵、休息等等）。
分類：
狹義的對(duì)象（object）
概述
生成方法
var o1 = {};
var o2 = new Object();
var o3 = Object.create(null);
鍵名
都是字符串
鍵名是數(shù)值，會(huì)被自動(dòng)轉(zhuǎn)為字符串
不符合標(biāo)識(shí)名的條件，必須加引號(hào)
屬性
任何數(shù)據(jù)類型
對(duì)象的引用
指向同一個(gè)內(nèi)存地址，修改其中一個(gè)變量，會(huì)影響到其他所有變量。
屬性操作
讀?。? []
賦值：. []
所有：Object.keys(o);
刪除：delete可以刪除的
檢查：in
遍歷：for...in
所有可遍歷（enumerable）的屬性，跳過不可遍歷的屬性
對(duì)象自身的屬性 + 繼承的屬性
with語(yǔ)句
一般模板引擎的原理
Object靜態(tài)方法
（0）Object.keys()，Object.getOwnPropertyNames()
（1）對(duì)象屬性模型的相關(guān)方法
Object.getOwnPropertyDescriptor()：獲取某個(gè)屬性的attributes對(duì)象。
Object.defineProperty()：通過attributes對(duì)象，定義某個(gè)屬性。
Object.defineProperties()：通過attributes對(duì)象，定義多個(gè)屬性。
Object.getOwnPropertyNames()：返回直接定義在某個(gè)對(duì)象上面的全部屬性的名稱。
（2）控制對(duì)象狀態(tài)的方法
Object.preventExtensions()：防止對(duì)象擴(kuò)展。
Object.isExtensible()：判斷對(duì)象是否可擴(kuò)展。
Object.seal()：禁止對(duì)象配置。
Object.isSealed()：判斷一個(gè)對(duì)象是否可配置。
Object.freeze()：凍結(jié)一個(gè)對(duì)象。
Object.isFrozen()：判斷一個(gè)對(duì)象是否被凍結(jié)。
（3）原型鏈相關(guān)方法
Object.create()：生成一個(gè)新對(duì)象，并該對(duì)象的原型。
Object.getPrototypeOf()：獲取對(duì)象的Prototype對(duì)象。
Object實(shí)例方法
valueOf()：返回當(dāng)前對(duì)象對(duì)應(yīng)的值。
toString()：返回當(dāng)前對(duì)象對(duì)應(yīng)的字符串形式。
toLocaleString()：返回當(dāng)前對(duì)象對(duì)應(yīng)的本地字符串形式。
hasOwnProperty()：判斷某個(gè)屬性是否為當(dāng)前對(duì)象自身的屬性，還是繼承自原型對(duì)象的屬性。
isPrototypeOf()：判斷當(dāng)前對(duì)象是否為另一個(gè)對(duì)象的原型。
propertyIsEnumerable()：判斷某個(gè)屬性是否可枚舉。
數(shù)組（array）
定義：有序集合，特殊的對(duì)象
length
32位整數(shù)，保存數(shù)組的元素個(gè)數(shù)，最大值2e32 - 1
成員刪除：length比實(shí)際小
數(shù)組清空：length=0
類數(shù)組對(duì)象
arguments，需要call方法來使用數(shù)組方法
in
適用于數(shù)組
空位
某個(gè)位置是空元素
空位不影響length
最后一個(gè)逗號(hào)不產(chǎn)生空位
delete可產(chǎn)生
遍歷跳過
forEach方法、for...in結(jié)構(gòu)、以及Object.keys
靜態(tài)方法
Array.isArray(a)
實(shí)例方法
concat() 連接兩個(gè)或更多的數(shù)組，并返回結(jié)果。
join() 把數(shù)組的所有元素放入一個(gè)字符串。元素通過指定的分隔符進(jìn)行分隔。
pop() 刪除并返回?cái)?shù)組的最后一個(gè)元素
push() 向數(shù)組的末尾添加一個(gè)或更多元素，并返回新的長(zhǎng)度。
reverse() 顛倒數(shù)組中元素的順序。
shift() 刪除并返回?cái)?shù)組的第一個(gè)元素
slice() 從某個(gè)已有的數(shù)組返回選定的元素
sort() 對(duì)數(shù)組的元素進(jìn)行排序
splice() 刪除元素，并向數(shù)組添加新元素。
toSource() 返回該對(duì)象的源代碼。
toString() 把數(shù)組轉(zhuǎn)換為字符串，并返回結(jié)果。
toLocaleString() 把數(shù)組轉(zhuǎn)換為本地?cái)?shù)組，并返回結(jié)果。
unshift() 向數(shù)組的開頭添加一個(gè)或更多元素，并返回新的長(zhǎng)度。
valueOf() 返回?cái)?shù)組對(duì)象的原始值
函數(shù)（function）
特點(diǎn)：
1） 占用空間不固定，保存在堆中
2） 保存與復(fù)制的是對(duì)象的一個(gè)指針（需要對(duì)象拷貝的原因）
3） 使用instanceof檢測(cè)數(shù)據(jù)類型
es6新類型：
symbol符號(hào)對(duì)象
定義：允許你創(chuàng)建唯一標(biāo)識(shí)符
使用：obj = Symbol(desc)
檢測(cè)：typeof(Symbol) => symbol
理解：
Symbol，表示獨(dú)一無二的值。對(duì)象的屬性名現(xiàn)在可以有兩種類型，一種是原來就有的字符串，另一種就是新增的Symbol類型。凡是屬性名屬于Symbol類型，就都是獨(dú)一無二的，可以保證不會(huì)與其他屬性名產(chǎn)生沖突。
Symbol 不可以使用new關(guān)鍵字，Symbol函數(shù)可以接受字符串參數(shù)使其返回值容易被區(qū)分，只是作為描述，即使參數(shù)相同Symbol函數(shù)返回值也不等。
Symbol值作為對(duì)象屬性名時(shí)，不能用點(diǎn)運(yùn)算符。同理，在對(duì)象的內(nèi)部，使用Symbol值定義屬性時(shí)，Symbol值必須放在方括號(hào)之中。
Symbol作為屬性名，該屬性不會(huì)出現(xiàn)在for…in、for…of循環(huán)中，也不會(huì)被Object.keys()、Object.getOwnPropertyNames()返回。但是，它也不是私有屬性，有一個(gè)Object.getOwnPropertySymbols方法，可以獲取指定對(duì)象的所有Symbol屬性名。
Symbol.for方法接受一個(gè)字符串作為參數(shù)，然后搜索有沒有以該參數(shù)作為名稱的Symbol值。如果有，就返回這個(gè)Symbol值，否則就新建并返回一個(gè)以該字符串為名稱的Symbol值。注意，Symbol函數(shù)是總是返回新的值。
例子：
var a = Symbol('foo');
var b = Symbol('foo');
var s1 = Symbol.for('foo');
var s2 = Symbol.for('foo');
s1 === s2 => true
a === b => false
a === s2 => false
Symbol.keyFor(s1) => "foo"
Symbol.keyFor(a) => undefined
其他：
Symbol.hasInstance
此方法可確定構(gòu)造函數(shù)對(duì)象是否會(huì)將對(duì)象識(shí)別為構(gòu)造函數(shù)實(shí)例之一。 它由 instanceof 運(yùn)算符在內(nèi)部使用。
Symbol.isConcatSpreadable
此屬性返回一個(gè)布爾值，該值指示是否應(yīng)通過 Array.concat 將對(duì)象平展至其數(shù)組元素。
Symbol.iterator
此方法返回對(duì)象的默認(rèn)迭代器。 它由 for…of 語(yǔ)句在內(nèi)部使用。
Symbol.toPrimitive
此方法將對(duì)象轉(zhuǎn)換為相應(yīng)的基元值。 它由 ToPrimitive 抽象運(yùn)算符在內(nèi)部使用。
Symbol.toStringTag
此屬性返回一個(gè)字符串值，用于幫助創(chuàng)建對(duì)象的默認(rèn)字符串說明。 它由內(nèi)置方法 Object.toString 方法在內(nèi)部使用。
Symbol.unscopables
此屬性返回一個(gè)對(duì)象，該對(duì)象的屬性從關(guān)聯(lián)對(duì)象的 with 環(huán)境綁定中排除。
數(shù)據(jù)類型轉(zhuǎn)換：
強(qiáng)制轉(zhuǎn)換
Number()
原始類型：有不能轉(zhuǎn)為數(shù)字的，就是NaN
Number(false) => 0
Number(true) => 1
Number(undefined) => NaN
Number(null) => 0
Number("1.2") => 1.2
Number("12") => 12
Number("1.2.3") => NaN
Number(new object()) => NaN
Number(50) => 50
Number({}) => NaN
String()
原始類型值的轉(zhuǎn)換規(guī)則
數(shù)值：轉(zhuǎn)為相應(yīng)的字符串。
字符串：轉(zhuǎn)換后還是原來的值。
布爾值：true轉(zhuǎn)為"true"，false轉(zhuǎn)為"false"。
undefined：轉(zhuǎn)為"undefined"。
null：轉(zhuǎn)為"null"。
String({a: 1}) => "[object Object]"
String([1, 2, 3]) => "1,2,3"
Boolean()
false
undefined
null
-0
0或+0
NaN
false
''
true
所有對(duì)象，包括{}、布爾對(duì)象new Boolean(false)
自動(dòng)轉(zhuǎn)換
場(chǎng)景：
不同類型的數(shù)據(jù)互相運(yùn)算
123 + 'abc' => "123abc"
對(duì)非布爾值類型的數(shù)據(jù)求布爾值
if ('abc')
對(duì)非數(shù)值類型的數(shù)據(jù)使用一元運(yùn)算符（即“+”和“-”）
+ {foo: 'bar'} => NaN
本質(zhì)：
以強(qiáng)制類型為基礎(chǔ)，轉(zhuǎn)為需要的number、string、boolean
數(shù)據(jù)類型檢測(cè)：
typeof運(yùn)算符
數(shù)值、字符串、布爾值、undefined、函數(shù)，返分別返回number、string、boolean、undefined、function
除此以外，其他情況都返回object
typeof window => "object"
typeof {} => "object"
typeof [] => "object"
typeof null => "object"
instanceof運(yùn)算符
定義：返回一個(gè)布爾值，表示指定對(duì)象是否為某個(gè)構(gòu)造函數(shù)的實(shí)例
實(shí)質(zhì)：是檢查右邊構(gòu)建函數(shù)的原型對(duì)象，是否在左邊對(duì)象的原型鏈上
v instanceof Vehicle 等價(jià)于 Vehicle.prototype.isPrototypeOf(v)
instanceof對(duì)整個(gè)原型鏈上的對(duì)象都有效，因此同一個(gè)實(shí)例對(duì)象，可能會(huì)對(duì)多個(gè)構(gòu)造函數(shù)都返回true
特例：Object.create(null) instanceof Object => false，除了這個(gè)其他對(duì)象的數(shù)據(jù)類型都可以這么判斷
注意：instanceof運(yùn)算符只能用于對(duì)象，不適用原始類型的值
Object.prototype.toString(value)方法
相對(duì)準(zhǔn)確的檢測(cè)方法
Object.prototype.toString.call(value);
返回值
數(shù)值：返回[object Number]。
字符串：返回[object String]。
布爾值：返回[object Boolean]。
undefined：返回[object Undefined]。
null：返回[object Null]。
數(shù)組：返回[object Array]。
arguments對(duì)象：返回[object Arguments]。
函數(shù)：返回[object Function]。
Error對(duì)象：返回[object Error]。
Date對(duì)象：返回[object Date]。
RegExp對(duì)象：返回[object RegExp]。
其他對(duì)象：返回[object " + 構(gòu)造函數(shù)的名稱 + "]
