数据类型
js数据类型整体分为两大类:
1.基本数据类型
2.引用数据类型
1.数据类型 – 数字类型(number)
![](https://img-blog.csdnimg.cn/0f68c16d52d5400aa26cafa5d00a863c.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5bygaWku,size_14,color_FFFFFF,t_70,g_se,x_16)
JavaScript 中的正数、负数、小数等 统一称为 数字类型。
注意:JS 是弱数据类型,变量到底属于那种类型,只有赋值之后,我们才能确认
2.数据类型 – 字符串类型(string)
![](https://img-blog.csdnimg.cn/04f8d67844e445ad95f383dce1de2f7a.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5bygaWku,size_16,color_FFFFFF,t_70,g_se,x_16)
通过单引号( '') 、双引号( "")或反引号( ` )包裹的数据都叫字符串,单引号和双引号没有本质上的区别, 推荐使用单引号。
注意:单引号/双引号可以相互嵌套,但是不能自己嵌套自己(口诀:外双内单,或者外单内双)
2.1字符串拼接
将若干个字符串拼接成一个字符串
![](https://img-blog.csdnimg.cn/a0f60e64b3b946b09720edd8cd82472d.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5bygaWku,size_20,color_FFFFFF,t_70,g_se,x_16)
2.2模板字符串
使用模板字符串
作用: 拼接字符串和变量
![](https://img-blog.csdnimg.cn/a34214515563486eafcf7aa446aee209.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5bygaWku,size_20,color_FFFFFF,t_70,g_se,x_16)
3.数据类型 – 布尔类型(boolean)
它有两个固定的值 true 和 false,表示肯定的数据用 true(真),
表示否定的数据用 false(假)
4.数据类型 – 未定义类型(undefined)
![](https://img-blog.csdnimg.cn/42a29f62534b476db38f490b9bc9a48b.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5bygaWku,size_20,color_FFFFFF,t_70,g_se,x_16)
5.数据类型 – null(空类型)
null 和 undefined 区别:
1. undefined 表示没有赋值
2. null 表示赋值了,但是内容为空
![](https://img-blog.csdnimg.cn/c61aafaa49d44bf2b4789b8d517ac378.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5bygaWku,size_15,color_FFFFFF,t_70,g_se,x_16)
检测数据类型
![](https://img-blog.csdnimg.cn/28e1c3d16a2a4cc0a893d412e62861a3.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5bygaWku,size_20,color_FFFFFF,t_70,g_se,x_16)
6.类型转换
理解:就是把一种数据类型的变量转换成我们需要的数据类型。
6.1隐式转换
系统自动做转换
理解:某些运算符被执行时,系统内部自动将数据类型进行转换,这种转换称为隐式转换
![](https://img-blog.csdnimg.cn/e1050300f7004e1fb03460a011cca454.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5bygaWku,size_20,color_FFFFFF,t_70,g_se,x_16)
6.2 显式转换
自己写代码告诉系统转成什么类型
![](https://img-blog.csdnimg.cn/8fe7ca6ef96947fba6ca813337adf4e0.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5bygaWku,size_20,color_FFFFFF,t_70,g_se,x_16)
![](https://img-blog.csdnimg.cn/24973d4c515441869650a7fc8c00c52c.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5bygaWku,size_20,color_FFFFFF,t_70,g_se,x_16)
![](https://img-blog.csdnimg.cn/e3e0df0059a744a192e352ab969fb129.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5bygaWku,size_20,color_FFFFFF,t_70,g_se,x_16)