一、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