目錄

• 概述
• typeof運(yùn)算符
• number（數(shù)字）
• string（字符串）
• boolean（布爾）
• undefined & null
• object（對象）

概述

JavaScript的7種數(shù)據(jù)類型

數(shù)值（number）：整數(shù)和小數(shù)（比如1和3.14）
字符串（string）：文本（比如Hello World）浪默。
布爾值（boolean）：表示真?zhèn)蔚膬蓚€特殊值牡直，即true（真）和false（假）
undefined：表示“未定義”或不存在，即由于目前沒有定義纳决，所以此處暫時沒有任何值
null：表示空值碰逸，即此處的值為空。
Symbol：es6新增的類型的值
對象（object）：各種值組成的集合阔加。狹義的對象（object）,數(shù)組（array）,函數(shù)（function）

object是復(fù)雜數(shù)據(jù)類型饵史，是由簡單的數(shù)據(jù)類型組成的，除object外均為基礎(chǔ)數(shù)據(jù)類型/簡單數(shù)據(jù)類型

typeof運(yùn)算符

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

• typeof運(yùn)算符
• instanceof運(yùn)算符
• Object.prototype.toString方法
  下面使用typeof運(yùn)算符判斷數(shù)據(jù)類型
  例子：

typeof 123 //"number"
typeof "123" //"string"
typeof true //"boolean"
typeof undefined //"undefined"
typeof null //"object"
typeof function f(){} //"object"
typeof [] //"object"
typeof {} //"object"

從上面的例子的結(jié)果零远，你會發(fā)現(xiàn)為什么null的類型不是null，而是object等等的問題

JS的2個Bug

• typeof null //"object"
• typeof function f(){} //"function"

null的類型是object厌蔽，這是由于歷史原因造成的牵辣。1995年的 JavaScript 語言第一版，只設(shè)計(jì)了五種數(shù)據(jù)類型（對象奴饮、整數(shù)纬向、浮點(diǎn)數(shù)、字符串和布爾值）戴卜，沒考慮null逾条，只把它當(dāng)作object的一種特殊值。后來null獨(dú)立出來投剥，作為一種單獨(dú)的數(shù)據(jù)類型师脂，為了兼容以前的代碼，typeof null返回object就沒法改變了

number

1.1 整數(shù)和浮點(diǎn)數(shù)

JavaScript 語言的底層根本沒有整數(shù)江锨，所有數(shù)字都是小數(shù)（64位浮點(diǎn)數(shù)）由于浮點(diǎn)數(shù)不是精確的值吃警，所以涉及小數(shù)的比較和運(yùn)算要特別小心
1.2 數(shù)值精度
根據(jù)國際標(biāo)準(zhǔn) IEEE 754，JavaScript 浮點(diǎn)數(shù)的64個二進(jìn)制位啄育，從最左邊開始酌心，是這樣組成的。

• 第1位：符號位挑豌，0表示正數(shù)安券，1表示負(fù)數(shù)
• 第2位到第12位（共11位）：指數(shù)部分
• 第13位到第64位（共52位）：小數(shù)部分（即有效數(shù)字）
• 符號位決定了一個數(shù)的正負(fù)，指數(shù)部分決定了數(shù)值的大小氓英，小數(shù)部分決定了數(shù)值的精度侯勉。
  1.3 數(shù)值范圍

根據(jù)標(biāo)準(zhǔn)，64位浮點(diǎn)數(shù)的指數(shù)部分的長度是11個二進(jìn)制位债蓝，意味著指數(shù)部分的最大值是2047（2的11次方減1）壳鹤。也就是說，64位浮點(diǎn)數(shù)的指數(shù)部分的值最大為2047饰迹，分出一半表示負(fù)數(shù)芳誓，則 JavaScript 能夠表示的數(shù)值范圍為21024到2-1023（開區(qū)間），超出這個范圍的數(shù)無法表示啊鸭。
2.表示的方式
就是直接表示和科學(xué)計(jì)數(shù)法兩種方式,特殊情況锹淌，JavaScript 會自動將數(shù)值轉(zhuǎn)為科學(xué)計(jì)數(shù)法表示，其他情況都采用字面形式直接表示赠制。

//小數(shù)點(diǎn)前的數(shù)字多于21位
1234567890123456789012
// 1.2345678901234568e+21

//小數(shù)點(diǎn)后的零多于5個赂摆，就自動轉(zhuǎn)為科學(xué)計(jì)數(shù)法
0.0000003 // 3e-7

3.數(shù)值的進(jìn)制
直接表示的時候也是可以輸入十進(jìn)制之外的進(jìn)制數(shù)的挟憔，比如二進(jìn)制、八進(jìn)制烟号、十六進(jìn)制绊谭。

• 十進(jìn)制（decimal）：沒有前導(dǎo)0的數(shù)值。
• 八進(jìn)制（octonary）：有前綴0o或0O的數(shù)值汪拥，或者有前導(dǎo)0达传、且只用到0-7的八個阿拉伯?dāng)?shù)字的數(shù)值。
• 十六進(jìn)制（hexadecimal）：有前綴0x或0X的數(shù)值迫筑。
• 二進(jìn)制（binary）：有前綴0b或0B的數(shù)值宪赶。

255 //255
0xff // 255
0377 // 255
0b11 // 3

4.特殊的值

• 正零和負(fù)零：JavaScript 內(nèi)部實(shí)際上存在2個0：一個是+0，一個是-0脯燃，區(qū)別就是64位浮點(diǎn)數(shù)表示法的符號位不同搂妻。它們是等價的。
• NaN是 JavaScript 的特殊值辕棚，表示“非數(shù)字”（Not a Number）欲主，主要出現(xiàn)在將字符串解析成數(shù)字出錯的場合。真正的奇葩坟募，因?yàn)樗约阂膊坏扔谧约骸?code>NaN === NaN // false
• Infinity表示“無窮”岛蚤，用來表示兩種場景。一種是一個正的數(shù)值太大懈糯，或一個負(fù)的數(shù)值太小，無法表示单雾；另一種是非0數(shù)值除以0赚哗，得到Infinity。

Infinity的四則運(yùn)算硅堆，符合無窮的數(shù)學(xué)計(jì)算規(guī)則屿储。
0乘以Infinity，返回NaN渐逃；0除以Infinity够掠，返回0；Infinity除以0茄菊，返回Infinity疯潭。
Infinity加上或乘以Infinity，返回的還是Infinity面殖。
Infinity減去或除以Infinity竖哩，得到NaN。
Infinity與null計(jì)算時脊僚，null會轉(zhuǎn)成0相叁，等同于與0的計(jì)算。
Infinity與undefined計(jì)算，返回的都是NaN增淹。

5.與數(shù)值相關(guān)的全局方法

• parseInt（）//將字符串轉(zhuǎn)為整數(shù)椿访，自動去除字符串頭部的空格，parseInt的參數(shù)如果不是字符串虑润，會先轉(zhuǎn)換為字符串再轉(zhuǎn)換赎离。遇到不是數(shù)字的就停止。如果字符串的第一個字符不能轉(zhuǎn)化為數(shù)字（后面跟著數(shù)字的正負(fù)號除外）端辱，返回NaN梁剔。
• parseFloat（）//將一個字符串轉(zhuǎn)為浮點(diǎn)數(shù),如果字符串包含不能轉(zhuǎn)為浮點(diǎn)數(shù)的字符，則不再進(jìn)行往后轉(zhuǎn)換舞蔽，返回已經(jīng)轉(zhuǎn)好的部分荣病。InFinity、NaN渗柿、undefined个盆、返回false。parseFloat會將空字符串轉(zhuǎn)為NaN朵栖。
• isNaN（）//判斷一個值是否為NaN
• isFinity（）//表示某個值是否為正常的數(shù)值颊亮。只對+InFinity、-InFinity陨溅、NaN终惑、undefined、返回false门扇。

parseInt方法還可以接受第二個參數(shù)（2到36之間）雹有，表示被解析的值的進(jìn)制，返回該值對應(yīng)的十進(jìn)制數(shù)臼寄。默認(rèn)情況下霸奕，parseInt的第二個參數(shù)為10，即默認(rèn)是十進(jìn)制轉(zhuǎn)十進(jìn)制吉拳。

parseInt('   81') // 81
parseInt('15px') // 15
parseInt('1000', 2) // 8
parseFloat('3.14more non-digit characters') // 3.14
isNaN('Hello') // true
isFinite(null) // true

string

字符串就是零個或多個排在一起的字符质帅，放在單引號或雙引號之中。
奇葩需求1：

• 在單引號字符串的內(nèi)部留攒，使用單引號
• 在雙引號字符串的內(nèi)部煤惩，使用雙引號
  我不能使用小技巧，那我只能叫我大哥（轉(zhuǎn)義符）出來走一下啦

'Did she say \'Hello\'?'
// "Did she say 'Hello'?"

"Did she say \"Hello\"?"
// "Did she say "Hello"?"

奇葩需求2：長字符串必須分成多行
解決方法：

//方法1（坑人語法）稼跳，但是使用不小心會出bug盟庞，記得反斜杠的后面必須是換行符，而不能有其他字符（比如空格）汤善，否則會報錯什猖，不信票彪，你可以試一下
var s1 = '12345\
67890'

//方法2（好讀語法）
var s2 = '12345'+
'67890'

//方法3（ES6新出的），使用反引號（1左邊的符號）
var s3 = `12345
67890`
s3.length //11,會包含回車

boolean

布爾值相當(dāng)于是一個開關(guān)不狮，布爾值代表“真”和“假”兩個狀態(tài)降铸。“真”用關(guān)鍵字true表示摇零，“假”用關(guān)鍵字false表示推掸。布爾值只有這兩個值外臂。
例子：

var a = true;
if(a){
    console.log("條件為真");
}else{
    console.log("條件為假");
}

下列運(yùn)算符會返回布爾值：

• 兩元邏輯運(yùn)算符： && (And)细移，|| (Or)
• 前置邏輯運(yùn)算符： ! (Not)
• 相等運(yùn)算符：===秉颗，!==曲初，==，!=
• 比較運(yùn)算符：>唾那，>=刘离，<媳瞪，<=
  敲黑板粘优，重點(diǎn)來啦
  除了下面六個值被轉(zhuǎn)為false仇味，其他值都視為true
  null undefined ''"/''(空字符串) null false NaN

undefined & null

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

• null是一個表示“空”的對象
• undefined是一個表示"此處無定義"的原始值
  那我偏偏說他們倆是有具體區(qū)別怎么辦贩挣？
• （語法規(guī)范）如果一個變量被聲明了，但是沒有被賦值英染，那么這個變量的值就是 undefiend
• （慣例）如果想要表示一個還沒賦值的對象揽惹，就用 null。如果想要表示一個還沒賦值的非對象（字符串/數(shù)字/布爾/symbol）四康，就用 undefined

總結(jié)

null和undefined用法
變量沒有值 ——undefined
想有一個對象object，現(xiàn)在不想賦值——null 如：var object = null （空對象）
有一個非對象狭握，不想給值 —— undefined 如：var a （空非對象）

object

對象就是一組“鍵值對”（key-value）的集合闪金，是一種無序的復(fù)合數(shù)據(jù)集合。key代表鍵名论颅，value代表鍵值

1. key
   對象的所有鍵名都是字符串哎垦。如果鍵名是數(shù)值，會被自動轉(zhuǎn)為字符串恃疯。如果鍵名不符合標(biāo)識名的條件（比如第一個字符為數(shù)字漏设，或者含有空格或運(yùn)算符），且也不是數(shù)字今妄，則必須加上引號郑口，否則會報錯鸳碧。

2.value
value的值可以是任意的數(shù)據(jù)類型

3.屬性的讀取
讀取對象的屬性，有兩種方法犬性，一種是使用點(diǎn)運(yùn)算符瞻离，還有一種是使用方括號運(yùn)算符。

var obj = {
  123: 'hello world'
};

obj.123 // 報錯
obj[123] // "hello world"

4.屬性的賦值
點(diǎn)運(yùn)算符和方括號運(yùn)算符乒裆，不僅可以用來讀取值套利，還可以用來賦值。

例子：

var obj = {
    name: 'frank'
}

此時obj.name和obj['name']的值都為'frank'
obj[name] 的值為undefined

5.屬性的查看
查看一個對象本身的所有屬性鹤耍，可以使用Object.keys方法肉迫。

var obj = {
  key1: 1,
  key2: 2
};

Object.keys(obj);
// ['key1', 'key2']

6.屬性的刪除：delete 命令
delete命令用于刪除對象的屬性（刪除鍵名和鍵值），刪除成功后返回true稿黄。
delete命令會返回false喊衫，那就是該屬性存在，且不得刪除抛猖。
7.屬性是否存在：in 運(yùn)算符
in運(yùn)算符用于檢查對象是否包含某個屬性（注意格侯，檢查的是鍵名，不是鍵值）财著，如果包含就返回true联四，否則返回false。它的左邊是一個字符串撑教，表示屬性名朝墩，右邊是一個對象。

var obj = { p: 1 };
'p' in obj // true
'toString' in obj // true

8.屬性的遍歷：for...in 循環(huán)
for...in循環(huán)用來遍歷一個對象的全部屬性伟姐。

var obj = {a: 1, b: 2, c: 3};

for (var i in obj) {
  console.log('鍵名：', i);
  console.log('鍵值：', obj[i]);
}

• 它遍歷的是對象所有可遍歷（enumerable）的屬性收苏，會跳過不可遍歷的屬性。
• 它不僅遍歷對象自身的屬性愤兵，還遍歷繼承的屬性鹿霸。

9.with 批量操作
操作同一個對象的多個屬性
建議不要使用with語句，可以考慮用一個臨時變量代替with秆乳。

參考資料：
阮一峰JavaScript 標(biāo)準(zhǔn)參考教程

本文摘自 饑人谷_區(qū)家樂 你真的了解JS的數(shù)據(jù)類型懦鼠？