JavaScript 基础回顾:数据类型

知识点:

1.掌握JavaScript的数据类型
2.掌握typeof操作符
3.掌握Undefined
4.掌握null
5.掌握Number
6.掌握isNaN()
7.掌握数值转换:Number()、parseInt()、parseFloat()
8.掌握String
9.掌握字符串转换:String()、toString()
10.掌握Boolean
11.掌握类型转换

一、JavaScript的数据类型

ECMAScript中有5种简单数据类型(也称为基本数据类型):
Undefined、Null、Boolean、Number和String。

还有1种复杂数据类型:Object。

二、typeof

【语法】:
typeof变量或typeof(变量)

【功能】:
检测变量类型

【返回值】:string类型,有可能是:
string、number、boolean、object、undefined、function

三、undefined

undefined类型只有一个值,即特殊的undefined。
【说明】:一般而言,不存在需要显示地把一个变量设置为undefined值的情况。

四、null

1.null值表示一个空对象指针
2.如果定义的变量准备在将来用于保存对象,那么最好将改变初始化为null而不是其他值。

【说明】:undefined值是派生自null值的,所以undefined==null返回结果是true

null和undefined

JavaScript 基础回顾:数据类型_第1张图片

五、Number

Number:表示整数和浮点数
NaN:即非数值(Not a Number)是一个特殊的数值

JavaScript 基础回顾:数据类型_第2张图片

【说明】:

1、任何涉及NaN的操作(例如NaN/10)都会返回NaN。
2、NaN与任何值都不相等,包括NaN本身。

六、isNaN()

【语法】:isNaN(n)

【功能】:检测n是否是“非数值”

【返回值】:boolean

【参数】:参数n可以是任何类型

NaN这个特殊的Number与所有其他值都不相等,包括它自己:


JavaScript 基础回顾:数据类型_第3张图片

【说明】:

isNaN()在接收到一个值之后,会尝试将这个值转换为数值。
某些不是数值的值会直接转换为数值。

数值转换

有3个函数可以把非数值转换为数值:Number()、parseInt()和parseFloat()。

其中Number()可以用于任何数据类型;
parseInt()和parseFloat()则专门用于把字符串转换成数值。

七、parseInt()

parseInt():会忽略字符串前面的空格,直至找到第一个非空格字符。

【说明】:

1、parseInt():转换空字符串返回NaN。
2、parseInt()这个函数提供第二个参数:转换时使用的基数(即多少进制)

八、parseFloat

parseFloat:从第一个字符开始解析每个字符,直至遇见一个无效的浮点数字符为止。

【说明】:

除了第一个小数点有效外,parseFloat()与parseInt()的第二个区别在于它始终都会忽略前导的零。

九、String

String类型用于表示由零或多个16位Unicode字符组成的字符序列,即字符串。字符串可以由双引号(”)或单引号(’)表示。

十、字符串转换:toString()与String()

【语法】:str.toString()

【功能】:将str转换为字符串

【返回值】:
str的一个副本

【参数】:
str是要转换的内容,可以是数值、布尔值、对象和字符串。

【说明】:

在不知道要转换的值是不是null或undefined的情况下,还可以使用String()函数,它能够将任何类型的值转换为字符串。

十一、Boolean

用于表示真假的类型,即true表示真,false表示假。

类型转换:

1、除0之外的所有数字,转换为布尔型都为true
2、除””之外的所有字符,转换为布尔型都为true
3、null和undefined转换为布尔型为false

★总之:

JavaScript把null、undefined、0、NaN和空字符串''视为false,其他值一概视为true。


要特别注意相等运算符==。JavaScript在设计时,有两种比较运算符:

第一种是==比较,它会自动转换数据类型再比较,很多时候,会得到非常诡异的结果;

第二种是===比较,它不会自动转换数据类型,如果数据类型不一致,返回false,如果一致,再比较。

由于JavaScript这个设计缺陷,不要使用==比较,始终坚持使用===比较。

你可能感兴趣的:(JavaScript 基础回顾:数据类型)