JavaScript零基础入门 2：JavaScript数据类型
Posted 哪 吒
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript零基础入门 2：JavaScript数据类型相关的知识，希望对你有一定的参考价值。
🍅 Java学习路线总结：搬砖工逆袭Java架构师
🍅 Java经典面试题大全：10万字208道Java经典面试题总结(附答案)
🍅 简介：Java领域优质创作者🏆、CSDN哪吒公众号作者✌ 、Java架构师奋斗者💪
🍅 扫描主页左侧二维码，加入群聊，一起学习、一起进步
🍅 欢迎点赞 👍 收藏 ⭐留言 📝
目录
一、javascript中的数据类型
数据类型指的就是字面量的类型，JavaScript一共有六种数据类型：
- String 字符串
- Number 数值
- Boolean 布尔值
- Null 空值
- Undefined 未定义
- Object 对象
其中String Number Boolean Null Undefined属于基本数据类型，而Object属于引用数据类型。
1、String
- 在JS中字符串需要使用引号引起来
- 使用双引号或单引号都可以，但是不要混着用
- 引号不能嵌套，双引号不能放双引号，单引号不能放单引号
在字符串中我们可以使用\\作为转义字符，
当表示一些特殊符号时可以使用\\进行转义
- \\" 表示 "
- \\' 表示 '
- \\n 表示换行
- \\t 制表符
- \\\\ 表示\\
2、Number
（1）在JavaScript中所有的数值都是Number类型，包括整数和浮点数（小数）。
（2）JS中可以表示的数字的最大值
- Number.MAX_VALUE -->1.7976931348623157e+308
- Number.MIN_VALUE 大于0的最小值 --> 5e-324
（3）如果使用Number表示的数字超过了最大值，则会返回一个
- Infinity 表示正无穷
- -Infinity 表示负无穷
（4）使用typeof检查Infinity也会返回number
（5）NaN 是一个特殊的数字，表示Not A Number
（6）使用typeof检查一个NaN也会返回number
（7）在JS中整数的运算基本可以保证精确。
如果使用JS进行浮点运算，可能得到一个不精确的结果，所以千万不要使用JS进行对精确度要求比较高的运算。
3、Boolean
布尔值只有两个，主要用来做逻辑判断
- true - 表示真
- false - 表示假
使用typeof检查一个布尔值时，会返回boolean。
4、Null
- Null（空值）类型的值只有一个，就是null。
- null这个值专门用来表示一个为空的对象，使用typeof检查一个null值时，会返回object。
5、Undefined
- Undefined（未定义）类型的值只有一个，就undefind；
- 当声明一个变量，但是并不给变量赋值时，它的值就是undefined；
- 使用typeof检查一个undefined时也会返回undefined
二、强制类型转换
指将一个数据类型强制转换为其他的数据类型。
1、将其他的数据类型转换为String
① toString()
调用被转换数据类型的toString()方法，该方法不会影响到原变量，它会将转换的结果返回，但是注意：null和undefined这两个值没有toString()方法，如果调用他们的方法，会报错。
② String()函数
调用String()函数，并将被转换的数据作为参数传递给函数，使用String()函数做强制类型转换时，对于Number和Boolean实际上就是调用的toString()方法，但是对于null和undefined，就不会调用toString()方法，它会将 null 直接转换为 "null"，将 undefined 直接转换为 "undefined"。
2、将其他的数据类型转换为Number
① Number()函数
字符串 --> 数字
- 如果是纯数字的字符串，则直接将其转换为数字
- 如果字符串中有非数字的内容，则转换为NaN
- 如果字符串是一个空串或者是一个全是空格的字符串，则转换为0
布尔 --> 数字
- true 转成 1
- false 转成 0
null --> 数字 0
undefined --> 数字 NaN
② parseInt() 与parseFloat() ---> 字符串专用方法
parseInt() 把一个字符串转换为一个整数，parseFloat() 把一个字符串转换为一个浮点数。
③ 其他的进制的数字
- 在JavaScript中，如果需要表示16进制的数字，则需要以0x开头；
- 如果需要表示8进制的数字，则需要以0开头；
- 如果要要表示2进制的数字，则需要以0b开头；
- 但是不是所有的浏览器都支持；
3、将其他的数据类型转换为Boolean
（1）使用Boolean()函数
① 数字 ---> 布尔
除了0和NaN，其余的都是true
② 字符串 ---> 布尔
除了空串，其余的都是true
null和undefined都会转换为false
对象也会转换为true
三、运算符
1、通过运算符可以对一个或多个值进行运算，并获取运算结果
比如：typeof就是运算符，可以来获得一个值的类型，它会将该值的类型以字符串的形式返回
number string boolean undefined object
2、算数运算符
当对非Number类型的值进行运算时，会将这些值转换为Number然后在运算。
任何值和NaN做运算都得NaN
（1）+
- +可以对两个值进行加法运算，并将结果返回
- 如果对两个字符串进行加法运算，则会做拼串
- 会将两个字符串拼接为一个字符串，并返回
- 任何的值和字符串做加法运算，都会先转换为字符串，然后再和字符串做拼串的操作
（2）-
- 可以对两个值进行减法运算，并将结果返回
（3）*
* 可以对两个值进行乘法运算
（4）/
/ 可以对两个值进行除法运算
（5）%
% 取模运算（取余数）
四、任何值和字符串相加都会转换为字符串，并做拼串操作
我们可以利用这一特点，来将一个任意的数据类型转换为String；
我们只需要为任意的数据类型 + 一个 "" 即可将其转换为String；
这是一种隐式的类型转换，由浏览器自动完成，实际上它也是调用String()函数；
任何值做- * /运算时都会自动转换为Number，我们可以利用这一特点做隐式的类型转换，可以通过为一个值 -0 *1 /1来将其转换为Number，原理和Number()函数一样，使用起来更加简单。
五、一元运算符
1、+ 正号
正号不会对数字产生任何影响
2、- 负号
负号可以对数字进行负号的取反
- 对于非Number类型的值，它会将先转换为Number，然后在运算，可以对一个其他的数据类型使用+,来将其转换为number，它的原理和Number()函数一样。
六、自增
1、自增 ++
- 通过自增可以使变量在自身的基础上增加1
- 对于一个变量自增以后，原变量的值会立即自增1
- 自增分成两种：后++(a++) 和 前++(++a)
- 无论是a++ 还是 ++a，都会立即使原变量的值自增1
- 不同的是a++ 和 ++a的值不同
- a++的值等于原变量的值（自增前的值）
- ++a的值等于新值 （自增后的值）
2、减 --
- 通过自减可以使变量在自身的基础上减1
- 自减分成两种：后--(a--) 和 前--(--a)
- 无论是a-- 还是 --a 都会立即使原变量的值自减1
- 不同的是a-- 和 --a的值不同
- a-- 是变量的原值 （自减前的值）
- --a 是变量的新值 （自减以后的值）
七、【粉丝福利】
送书啦，大家期待已久的Vue！
本次活动送书规则：
【送书啦】
1、社区积分榜前5名，随机抽取一名幸运者
2、社区积分榜6-15名，随机抽取一名幸运者
3、社区积分榜16-30名，随机抽取一名幸运者
【赚取积分方式】
哪吒社区内发帖、点赞、评论都可赢取积分！
🍅 社区入口：哪吒社区
以下图书，四选一！
- Vue.js全家桶零基础入门到进阶项目实战
- Java高并发编程指南
- 亿级流量Java高并发与网络编程实战
- Web前端性能优化
🍅 Java学习路线总结：搬砖工逆袭Java架构师
🍅 Java经典面试题大全：10万字208道Java经典面试题总结(附答案)
🍅 简介：Java领域优质创作者🏆、CSDN哪吒公众号作者✌ 、Java架构师奋斗者💪
🍅 扫描主页左侧二维码，加入群聊，一起学习、一起进步
🍅 欢迎点赞 👍 收藏 ⭐留言 📝
添加微信，备注1024，赠送Java学习路线思维导图
以上是关于JavaScript零基础入门 2：JavaScript数据类型的主要内容，如果未能解决你的问题，请参考以下文章
JavaScript零基础入门 11：用JavaScript实现图片上传并预览
JavaScript零基础入门 10：用JavaScript实现图片上传并预览
JavaScript零基础入门 7：JavaScript基础函数