JavaScript – 数据类型
前言
写着 TypeScript 学习笔记, 顺便也写点 JS 的呗.
参考
JS 数据类型
string
number
boolan
undefined
null
object
symbol (es6)
bigint (es2020)
其中 symbol 和 bigint 是后来加进去的
另外还有一些很常见但其实它们不能说是类型. array, function, class, arrow function, NaN, Regex, Date
typeof
typeof 是用来判断类型的.
console.log('string', typeof 'string');
console.log('number', typeof 1);
console.log('boolean', typeof true);
console.log('undefined', typeof undefined);
console.log('null', typeof null);
console.log('object', typeof {});
console.log('symbol', typeof Symbol('v'));
console.log('bigint', typeof (100n));
结果
只有一个奇葩, null = object. 这个是历史原因.
另一组
console.log('array', typeof []);
console.log('function', typeof function() {});
console.log('arrow function', typeof (() => {}));
console.log('date', typeof new Date());
console.log('reg', typeof /\d/gi);
console.log('NaN', typeof NaN);
console.log('class', typeof class{});
结果
我们先讲好理解的, function, arraw function 都是 function, JS 的 class 只是语法糖其实也是 function, 所有它们三都是 function, 没问题.
reg, date 都是 new 出来的对象, 没问题
最后只剩下 array = object, NaN (not a number) = number 比较乱水了. (背起来呗)
类型判断方式
除了用 typeof 还有一些常用的技巧
判断 null
null === null
判断 NaN
isNaN(NaN)
判断 Array
Array.isArray([])
判断 Date, Regex
(new Date()) instanceof Date
黑魔法 typeof
console.log('string', Object.prototype.toString.call('string').slice(8, -1).toLowerCase());
效果
类型转换
参考: 阮一峰 – 数据类型转换
所有类型都可以被强制转换成 boolean, string, number
转 boolean
Boolean(variable) 或者 !!variable 2 种写法都可以把 variable 强制转换成 boolean
它的规则是除以下 5 个值转成 false, 其余都转成 true
转 number
Number(variable) 或者 +(variable) 2 种写法都可以把 variable 强制转换成 number
'324' = 324 '' = 0 true = 1 false = 0 '324abc' = NaN undefined = NaN null = 0
几个记忆点
1. boolean true = 1, false = 0 (好记)
2. empty string = 0 (可以记)
3. full number string = number 和 partial number string = NaN (这个和 parseInt, parseFloat 有时会搞乱, parse 会自动过滤掉不是 number 的 string, 比如 parseInt('100px') = 100, Number('100px') = NaN) (可以记, 但要记得和 parse 不同)
4. undefined = NaN, null = 0 (不好记...为什么这 2 个不同...乱水)
当强转对象
三个步骤
valueOf > toString > Number(variable)
概念是先把对象转成普通类型
首先是调用 valueOf, 如果返回的依然是对象就再调用 toString, 如果依然是对象就报错
只要 valueOf 或 toString 返回的不是对象, 那么就 Number(variable)
转 string
转换规则是
123 = '123' (好记)
true = 'true' (好记)
undefined = 'undefned' (好记)
null = 'null' (好记)
当强转对象
toString > valueOf > String(variable)
概念和 Number 一样, 只是顺序不同, 它先调用 toString 如果依然返回对象就调用 valueOf
自动类型转换
if (variable) 会把 variable 强行转成 boolean
!!(variable) 会把 varable 强行转成 boolean
+(variable) 会把 varable 强行转成 number
string + variable 会把 varable 强行转成 string e.g. '123' + 3 = '1233'
variable -*/ variable 会把 variable 变成 number e.g. '123' - '3' = 120
variable == variable 双等号在对比时, 也会自动类型转换.
双等号 ==
这个规则挺多的, 真实开发中已经被禁用了. 其实没有必要学.
首先是
1. null 和 undefned 是相等的
2. null 和 undefined 不可以被转换类型
3. NaN 和谁都不相等, 包括 NaN... 所以 NaN == NaN 是 false, NaN != NaN 是 true
4. string == string, number == number, bool == bool, object == object 这些都不会有自动转换
5. 类型不同的情况下, 比如 string == number, bool == string, object == number, 先把他们转成 Number(string) == Number(boolean). Number 是老大就对了.
我日常会用的类型转换
+(new Date()) 把日期转成 number, 表示 1970 到日期的 milliseconds
true = 1 和 false = 0 (number 和 boolean 间的转换)
if(object|array) 判断空 null or undefined (我只会判断 object 和 array, string, number 我不会这样做)
'abc' + 123 把 number 拼接到 string 里.
其它的我都不会去记也不会去用.
