数据类型
JS中的数据类型的基础知识
- 基本数据类型(值类型):
数宇number(常规数据和NaN)、宇符串string、布尔boolean、null、undefined
- 引用数据类型:
object
(数组、对象、正则…)、function
、Symbol
:唯一值
基本数据类型
number 数字类型
包含:常规的数字、NaN
NaN
- NaN它不是一个,但它属于数字类型
- NaN和任何值都不相等;NaN != NaN, 所以我们不能用相等的方式判断是否为有效数字
console.log('str' === NaN); // => false
console.log(10 === NaN); // => false
isNaN
检查一个值是否为非有效数字,如果不是有效数字返回trun;否则返回false
在使用isNaN进行检查的时候,首先回验证检测的值是否为数字类型,如果不是,先基于Number()这个方法,把值转为数字类型,然后再检测
console.log(isNaN('AA')); // => true
console.log(isNaN('10')); // 基于Number('10') => 10,isNaN(10) => false
console.log(isNaN(10)); // => false
把其他类型值转为数字类型
Number函数
把字符串转化为数字,只要字符串中包含任意一个非有效数字字符(第一个点除外)结果的都是NaN,但是空字符串回变成0。
console.log(Number('str')); // => NaN
console.log(Number('10.5')); // => 10.5
console.log(Number('10.5px')); // => NaN
console.log(Number('10.5.7')); // => NaN
console.log(Number('')); // => 0
// 布尔类型转数字类型
console.log(Number(true)); // => 1
console.log(Number(false)); // => 0
// null -> 0; undefined -> NaN
console.log(Number(null)); // => 0
console.log(Number(undefined)); // => NaN
把引用数据类型转换为数字,是先把它基于toString方法转化为字符串,然后在转化为数字
// ({}).toString() => "'[object Object]'" => NaN
console.log(Number({})); // => NaN
// [].toString() => "" => 0
console.log(Number([])); // => 0
console.log(Number([12])); // => 12
console.log(Number([12,23])); // => NaN
ParseInt函数 / ParseFloat函数
对于字符串来说,它是从左到右依次查找有效数字字符,直到遇到非有效数字字符,停止查找(不管后面是否还有数字,都不在找了),把找到的当作数字返回
let str = '12.5px';
console.log(parseInt(str)); // => 12
console.log(parseFloat(str)); // => 12.5
console.log(parseFloat('width: 12.5px')); // => NaN
String 字符串类型
所有用单引号、双引号、反引号包起来的都是字符串
把其他类型值转为字符串
toString()
普通对象.toString()的结果是"[object Object]",因为Object.prototype.toString方法不是转换字符串的,而是用来检测数据类型的
let a = 12
let obj = { name: "yu" };
console.log(a.toString()); // => "12"
console.log((NaN).toString()); // => "NaN"
console.log((true).toString()); // => "true"
console.log(obj.toString()); // => "[object Object]"
字符串拼接
四则运算法则中,除加法之外,其余都是数学计算,只有加法可能存在字符串拼接(一旦遇到字符串,则不是数学运算,而是字符串拼接)
console.log('10' + 10); // => 1010
console.log('10' - 10); // => 0
console.log('10px' - 10); // => NaN
Boolean 布尔类型
只有两个值:
true/false
把其他类型值转换为布尔类型
只有
0、NaN、""、 null、undefined
五个值转换为false,其余都是为true(而且没有任何的特殊情况)
Boolean()
console.log(Boolean(0)); // => false
console.log(Boolean(NaN)); // => false
console.log(Boolean('')); // => false
console.log(Boolean(null)); // => false
console.log(Boolean(undefined)); // => false
console.log(Boolean(' ')); // => true
console.log(Boolean([])); // => true
console.log(Boolean([12])); // => true
!/ !!
!:取反(先转为布尔,在取反)
!!: 取反再取反,只相当于 Boolean()
console.log(!1); // => false
console.log(!!1); // => true
null / undefined 类型
null和undefined都是代表的是没有
null
意料之中(一般都是开始不知道值,我们手动先设置为null,后期再赋值操作)
let num = null;
...
num = 10;
undefined
意料之外(不是能决定的)
let num; //=> 创建一个变量没有赋值,默认值是undefined
Object 引用数据类型
Object 对象数据类型-普通对象
{[key]:[value], …} 任何一个对象都是由零到多组键值对(属性名:属性值)组成的(并且属性名不能重复)
数据是特殊的对象数据类型
[1,2,3,4…];默认一个属性名:length,存储数组的长度