[JS]数据类型

介绍

在计算中一切事物都是数据, 为了提高数据的存储和使用效率, 要对数据进行类型的分类

1. 栈(操作系统): 由操作系统自动分配释放函数的参数值, 局部变量的值等, 其操作方式类似于数据结构中的栈;

• 基本数据类型存放在栈里面
• string, number, boolean, undefined, null

1. 堆(操作系统): 储存复杂类型(对象), 一般由程序员分配释放, 若程序员不释放,由垃圾回收机制回收;

• 引用数据类型存放在堆里面
• Object, Array, Date, RegExp

语言类型

弱类型语言: 变量在声明的时候不确定类型的, 赋值后才能确定变量的类型, 如js

强类型语言: 变量在声明的时候就已经确定了类型, 如java

运算符

1.0算术运算符

• + - * / %
• %称为 取模(取余),常用于判断某个数字是否被整除
• let n = 3 % 5 // 得到3, 如果前面比后面小, 余数就是前面的值
• + 号运算符很智能, 数字相加, 字符相连

2.0一元运算符

• a++ 前置自增运算符： 先参与运算再自加1；
• ++a 后置自增运算符：先自加1再参与运算；
• 自减运算符同上
• +变量: 隐式转换变量类型为数字型

3.0赋值运算符

• = ，+= ，-= ， *= ， /= , %=

4.0逻辑运算符

符号	名称	特点	口诀
&&	逻辑且	两边都为true时，结果才是true	一假则假
||	逻辑或	两边有一个为true, 结果就是true	一真则真
！	逻辑非	取反	真变假, 假变真

逻辑中断

逻辑中断的作用类似于默认值, 当满足一定条件时让右边的代码不执行

技巧: 先判断左边, 在判断是否短路, 在判断右边, 最后得到结果

5.0比较运算符

<        小于
>        大于
>=       大于等于
<=       小于等于
==       相等  （仅值相等）
!=       不相等
===      全等  （值和数据类型都相等）
!==      完全不等

1. 比较后得到结果为布尔类型
2. NaN 不等于任何值, 包括自己 (涉及到NaN比较, 都是false)
3. 字符串相比较, 会从左到右, 比较字符的ASCII码的值
4. 不要直接比较小数, 存在精度问题

• 可以转成整数再比较 (0.1 * 10) > (0.2 * 10)

1. 不同类型之间 比较 会发生隐式转换,

• 最终把数据隐式转成number类型比较
• 所以建议使用 === 或者 !==, 避免隐式转换

6.0运算符优先级

1. 逻辑非优先级很高
2. 逻辑与 比 逻辑或 优先级高
3. 答案: a=false / b=true / c=false

数字类型

Number: 在JS中, 整数, 负数,小数都是数字类型的数据

进制：10进制，2进制，16进制，8进制

数字前面加0表示8进制，数字前面加0x表示16进制。

范围：最大值 (Number.MAX_VALUE);

最小值(Number.MIX_VALUE);

NaN：非数字类型(not a number)

判断：用isNaN()来判断数据是否为数字型， 返回false是数字型，返回true是非数字型。

注意: Nan === NaN // 返回false, NaN不等于值, 包括自己

字符串类型

String: 单引号/双引号/反引号包裹的数据都是字符串类型,

1. 推荐 使用单引号,与css区分
2. 嵌套 外单内双或者外双内单
3. 转义符 (解决冲突问题)

• 换行 \n
• 斜杠 \\
• 单引号 \'
• 双引号 \"
• 缩进 \t
• 空格 \b

1. 检测 通过字符串length属性可以获取整个字符串的长度
2. 拼接 字符串+任何类型=拼接后的新字符串
3. 在控制台打印中, 数字类型是蓝色, 字符串数据是黑色

模版字符串

新的拼接字符串和变量方法, 非常好用的es6新语法

定义: `模板字符串`

解析变量: ${ 变量 }

调用函数: ${ 函数调用 }

特点: 可以识别换行和标签

布尔类型

Boolean: 在计算机中表示肯定或否定时使用布尔类型的数据

布尔值：true表示为真，false表示为假

运算特点：参与加法运算时，true作为1，false作为0

undefined类型

变量声明后不赋值, 它的默认值就是undefinen, 就是未定义值的意思

运算特点: undefined和任何数字相加结果都是NaN

场景: 定义了一个变量, 并且这个变量暂时没有值, 就可以赋值为undefiend

null类型

null就是空的意思, 官方解释为尚未创建的对象

运算特点: null在参与运算时等价于0

场景: 定义了一个变量, 这个变量用于存放对象, 只是对象还没有准备好, 就可以赋值为null

特点: typeof(null) === object, , 所以 null 类似于 let obj = {}

判断数据类型

我们可以通过typeof来检查变量的数据类型。

运算符形式：typeof 变量名

函数形式：typeof(变量名)

数据类型转换

把一种数据类型转成我们需要的数据类型

隐式转换

某些运算符被执行时, 系统内部自动将数据类型进行转换, 称为隐式转换

1. +号两边只要有一个是字符串, 另一个也会转成字符串
2. 所以, 任何数据和字符串相加结果都是字符串
3. - * / 等运算符都会把数据转成数字类型
4. +号作为正号解析可以转换成数字型 (例: +'11' === 11)
5. 隐式转换非常方便, 但是依靠经验, 代码可读性一般
6. null转数字后是0, 空字符串转数字也是0

显示转换

显示转换就是通过明确的代码, 告诉系统数据转成什么类型

编写程序时过度依赖系统内部的隐式转换是不严谨的, 因为隐式转换的规律并不清晰, 依靠经验

1.0转换为字符串

方法	说明	使用
toString()	转换为字符串	变量名.toString();
String()	转换为字符串	String(变量名);

2.0转换为数字型

方法	说明	使用
parseInt(string)	保留整数	parseInt('12px') //12
parseFloat(string)	保留浮点数	parseFloat('12.25px') //12.25
Number()	强制转换成数值型	Number('12') //12

3.0转换为布尔值

方法	说明	使用
Boolean()函数	其他类型转成布尔值	Boolean('true')

1. 代表空, 否定的值会被转换为false (如 '', 0，NaN，null，undefined)
2. 其余都是true。

Symbol类型

symbol是一种基本数据类型, 用来创建一个确保唯一性的标识符

作用 :可以作为对象的属性名, 让属性名在对象中保持唯一性

// 传入'a'不影响symbol的值
// 只是作为标记,方便我们调试和观察
let s1 = Symbol('a')
let s2 = Symbol('a')
console.log(s1 === s2)  //false
console.log(s1)  //Symbol(a)