js数据类型有哪些
- 基本数据类型(值类型): Number、String、Boolean、Undefined、Null、Symbol(es6新增独一无二的值) 和 BigInt(es10新增);
- 引用数据类型: Object。包含Object、Array、 function、Date、RegExp。
备注: 基本数据类型,又称值类型。
1. 常见的值类型:
2.常见的引用类型:
说明:因typeof 检测null返回object,故有些地方也成null为特殊引用类型。但我们最好还是归为基本类型。
3.typeof运算符:
3.1 基本类型(值类型):
3.2 引用类型:
typeof function(){} //'function'
typeof null // 'object'
typeof {} // 'object'
typeof [1,2] // 'object'
.....
3.3 总结:
- typeof 能有效检测基本类型,检测引用类型都返回object,其中null属于特殊的引用类型返回object,function属于特殊引用类型类型不用于存储数据,typeof检测返回function.
4.变量计算-类型转换
4.1. 字符串拼接
const a=100+200; // 200
const b=100+'200' // '100200'
const c='true'+'100' // 'true100'
- 结论:+运算中有字符串,结果就是字符串拼接。
4.2. ==与===
结论:
- ===三等表示全等,判断左右两边对象或值是否类型相同且值相等。
- ==二等表示值相等。判断操作符两边对象或值是否相等类型可以不同,类型不同时,使用Number()转换成Number类型在进行判断。例外规则,null==undefined,null/undefined进行运算时不进行隐式类型转换。通常把值转为Boolean值,进行条件判断。Boolean(null)===Boolean(undefined)>false===false 结果为true
4.3 if语句和逻辑运算
常见的falsely变量(除此之外全是truly变量)。
总结:
所有基本类型中Boolean值是false的只有6个,分别是 : 0 NaN ' ' null undefined false
引用类型Boolean值全是true.
4.4 if语句中的判断
总结:
if条件是单个值时,如果是truly值,条件成立, 如果是falsely值,条件不成立
逻辑判断:
总结:
- 逻辑与(&&)运算规则: 左侧为truly返回右侧,左侧为fasely返回左侧。
- 逻辑或( | | )运算规则: 左侧为truley返回左侧,左侧为fasely返回右侧。
ES6新的数据类型Symbol
- ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值。它是 JavaScript
- 语言的第七种数据类型,前六种是:undefined、null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。
- Symbol 值通过Symbol函数生成。这就是说,对象的属性名现在可以有两种类型,一种是原来就有的字符串,另一种就是新增的 Symbol
- 类型。凡是属性名属于 Symbol 类型,就都是独一无二的,可以保证不会与其他属性名产生冲突
- Symbol 值通过Symbol函数生成。这就是说,对象的属性名现在可以有两种类型,一种是原来就有的字符串,另一种就是新增的 Symbol
- 类型。凡是属性名属于 Symbol 类型,就都是独一无二的,可以保证不会与其他属性名产生冲突
应用场景
作为对象的属性名
{
let a1=Symbol.for('abc')
let obj={
[a1]:'123',//参考api中对象的扩展部分中属性名表达式,这里[a1]代表变量a1的key
'abc':'123',
'c':456
}
console.log('obj',obj)
}
打印结果为
{abc: "123", c: 456, Symbol(abc): "123"}
可以看到两个abc是不冲突的
注意:
常规的for in,let of
的方式去取 ,比如Object.entries,Object.keys,是拿不到symbol的值
for(let [key,value] of Object.entries(obj)){
console.log('let of',key,value)
}
结果为
let of abc 123let of c 456
解决方案是
1)使用Object.getOwnPropertySymbols(obj) 。这种方式只拿到了symbol的变量的值
Object.getOwnPropertySymbols(obj).forEach(function(item){
console.log(obj[item])
})
结果为
123
2)使用Reflect.ownKeys(obj)
Reflect.ownKeys(obj).forEach(function(item){
console.log(obj[item])
})
结果为
123
456
123