js数据类型

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