js中的数据类型及各数据类型转换

一、js中的数据类型

JS 把数据类型分为两类：
 简单数据类型（Number,String,Boolean,Undefined,Null）
 复杂数据类型 （object)

简单数据类型

数据类型	说明	默认值
Number	数字型，包含整型和浮点型	0
Boolean	布尔值，包含true和false俩类	false
String	字符串类型，字符串都带引号‘’	‘’
Undefined	声明了变量，但未给值	undefined
Null	空值	null

1、Number 型

1.1 进制

最常见的进制有二进制、八进制、十进制、十六进制，在JS中八进制前面加0，十六进制前面加 0x 。

 <script>
        console.log(100);
        console.log(010);
        console.log(0X10)
 </script>

控制台输出结果：

1.2 范围

alert(Number.MAX_VALUE); // 1.7976931348623157e+308
alert(Number.MIN_VALUE); // 5e-324

1.3 特殊值

Infinity ，代表无穷大，大于任何数值
-Infinity ，代表无穷小，小于任何数值
NaN ，Not a number，代表一个非数值

1.4 isNaN()

用来判断一个变量是否为非数字的类型，返回 true 或者 false

 console.log(isNaN(100));
 console.log(isNaN('abc'));

输出结果说明，当变量是数值时，输出false，当变量为非数值时，输出true。

2、String

2.1 字符串的转义符

转义符都是 \ 开头的，常用的转义符及其说明如下：

转义符	说明
\n	换行符，n 是 newline 的意思
\\	斜杠 \
\’	单引号
\“	双引号
\t	tab缩进
\b	blak 空格

3、获取数据类型

typeof 可用来获取检测变量的数据类型

        console.log(typeof(1)); //number
        console.log(typeof('aaa')); //string
        console.log(typeof(true)); //boolean
        console.log(typeof(undefined)); //undefined
        console.log(typeof(null)); //object

二、数据类型转换

1、转换为字符串

方式	说明	实例
toString()	转成字符串	num.toString()
String() 强制转换	转成字符串	String(num)
加号拼接空值字符串（隐式转换）	和字符串拼接的结果也是字符串	num + ‘’

        console.log(num.toString() + '...' + typeof(num.toString()));  
        console.log(String(num) + '...' + typeof(String(num)));
        console.log((num + '') + '...' + typeof((num + '')));

三种结果都是：124…string

2、转换为数值型

方式	说明	实例
parseInt()	将string型转换成整数	parseInt(‘88’)
parseFloat()	将string型转换成浮点数（小数）	parseFloat(‘3.14’)
Number() 强制转换	将string型转换成数值型	Number(‘33’)
隐式转换 （- * /）	利用算术运算将其转换为数值型	‘33’ -0 ，‘33’*1

console.log(parseInt(num1) + '..' + typeof(parseInt(num1)));
console.log(Number(num1) + '..' + typeof(Number(num1)));
console.log((num1 * 1) + '..' + typeof(num1 * 1));
console.log(parseInt(num2) + '..' + typeof(parseInt(num2)));
console.log(parseFloat(num2) + '..' + typeof(parseFloat(num2)));

运行的结果如下：

一到三条的运行结果，说明parseInt()、Number()、隐式转换三种方式都可以将整型字符串转换为整型数值。
四五条运行结果，说明parseFloat()，可以将浮点型字符串转换为浮点型数值，而parseInt()能将浮点型字符串转成整型数值（小数点后部分会直接清除，只保留整数部分）

3、转换为布尔型

方式	说明	实例
Boolean()	将其他类型转换成Boolean	Boolean(‘88’)

‘’、0、NaN、null、undefined 代表空、否定的值会被转换为 false

总结

时隔一年半，毕业也一年半了，安逸的工作好像已经磨灭了新增曾经的冲劲，现在又继续捡起曾经丢掉的开发课程，学习前端和后端开发

以上是小枫在学习js的第一天中，感觉应该需要重点记忆的东西，故此记录，20201209