數據類型簡介
- 爲什麼需要數據類型
- 在計算機中，不同的數據所需佔用的存儲空間是不同的，爲了便於把數據分成所需內存大小不同的數據，充分利用存儲空間，所以才需要定義不同的數據類型。
- 變量的數據類型
- 與Java、C語言等其他編程語言不同的是，JavaScript是一種弱類型或者動態語言。這意味着不用提前聲明變量的類型，在程序運行過程中，類型會被自動確定。簡單來說，就是在代碼運行的時候，變量的數據類型是由JS引擎根據 = 右邊變量值的數據類型來判斷的，運行完畢後，變量就確定了數據類型。
var username; //變量的數據類型未確定
var username = '蟹黃堡'; //變量的數據類型是字符串
- 因爲JavaScript擁有動態類型，所以變量的數據類型是可以變化的。
var a = 22; //a的數據類型是數字型
a = '蟹黃堡'; //a的數據類型變爲字符串型
- 數據類型的分類
-
JS把數據類型分爲以下兩大類：
（1）簡單數據類型
（2）複雜數據類型
簡單數據類型
- JavaScript中的簡單數據類型及其說明如下表：
| 簡單數據類型 | 說明 | 默認值 |
|---|---|---|
| Number | 數字型，包含整型值和浮點型值，如：22、22.2 | 0 |
| Boolean | 布爾值類型，取值有：true、false | false |
| String | 字符串類型（在JS中，字符串都帶引號） | “” |
| Undefined | 未定義 | undefined |
| Null | 空值 | null |
1.數字型Number
-
JavaScript數字類型既可以用來保存整數值，也可以保存小數（浮點數）。
-
常見的數字型進制有二進制、八進制、十進制和十六進制。其中，在JS中八進制的取值範圍是0～7，逢8進1，並且前面需要加0，如：010表示十進制中的數字8；十六進制的取值範圍是0～9以及a～f，逢16進1，並且前面需要加0x，如：0xa表示十進制中的數字10。
-
JavaScript中數值的最大和最小值如下：
alert(Number.MAX_VALUE);
alert(Number.MIN_VALUE);
-
數字型的三個特殊值：
（1）Infinity，代表無窮大，大於任何值
（2）-Infinity，代表無窮小，小於任何值
（3）NaN，Not a number，代表一個非數值
-
isNaN()方法用於判斷一個變量是否爲非數字的類型，返回true或者false。
2.字符串型String
- 字符串型可以是引號中的任意文本，其語法爲雙引號或單引號。但由於HTML標籤裏面的屬性使用的是雙引號，所以在JS中，我們更推薦使用單引號。
- 字符串引號嵌套：在JS中，可以使用單引號嵌套雙引號或者雙引號嵌套單引號（外單內雙，外雙內單）。
- 字符串轉義符：
| 轉義符 | 說明 |
|---|---|
| \n | 換行符 |
| \ \ | 斜槓\ |
| \ ’ | 單引號 |
| \ " | 雙引號 |
| \t | 縮進 |
| \b | 空格 |
- 字符串長度：通過字符串的length屬性，可以獲取整個字符串的長度。(空格也算一個字符)
var username = "蟹黃堡";
console.log(username.length);
- 字符串拼接：多個字符串之間可以使用 + 進行拼接，其拼接方式爲：字符串 + 任何類型 = 拼接之後的新字符串。
console.log(22 + '蟹黃堡'); // 結果爲：'22蟹黃堡'
- 字符串拼接擴展：通常情況下，我們會把字符串和變量進行拼接，但變量不能添加引號，否則會變爲字符串。我們可以採用“引引加加”的口訣實現字符串和變量的拼接。
var age = 22;
console.log('蟹黃堡今年'+age+'歲了！');
3.布爾型Boolean
- 布爾類型有兩個值：true和false，其中，true表示真，而false表示假。
- 布爾型和數字型相加的時候，true的值爲1，false的值爲0。
console.log(true + 1); //2
console.log(false +1); //1
4.Undefined
- undefined與字符串相加就是拼接字符串；而與數字相加就是NaN。
5.Null
- Null與字符串相加就是拼接字符串；而與數字相加得到的還是原來的數字，可以把null當作0處理。
獲取變量的數據類型
- 可以利用typeof獲取變量的數據類型。
var username = "蟹黃堡";
console.log(typeof username);
-
也可以通過控制檯打印結果的顏色判斷屬於哪種數據類型，具體說明如下：
（1）數字型：藍色
（2）字符串型：黑色
（3）布爾型：深藍色
（4）Undefined和Null：灰色
-
字面量：源代碼中固定值的表示法，簡單來說，字面量就是如何表達這個值。（就是你一眼看到就知道它是數字還是數組等）
比如：數字字面量：1，2 ；字符串字面量：‘蟹黃堡’ ；布爾字面量：true ；數組字面量：[1,2,3] 。
微信公衆號也會定期更新，覺得文章寫得還可以的，可以加個關注！點個贊！謝謝！
