数据类型简介
- 为什么需要数据类型
- 在计算机中，不同的数据所需占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，所以才需要定义不同的数据类型。
- 变量的数据类型
- 与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] 。
微信公众号也会定期更新，觉得文章写得还可以的，可以加个关注！点个赞！谢谢！
