7.6 JavaScript基础 -- 数据类型

ECMAScript中有 5 种基本数据类型：「Undefined 、Null 、Boolean 、Number、String」 ，和一种复杂数据类型「Object」

typeof 操作符

• 功能：检测数据类型
• 语法：typeof operand
• 参数：operand 是一个表达式，表示对象或基本数据类型将被返回。
• 返回值：字符串

image.png

Undefined 类型
Undefined 类型只有一个值，即特殊的 undefined 。在使用 var 声明变量但未对其加以初始化时，这个变量的值就是 undefined

Null 类型
Null 类型也是只有一个值，这个特殊的值是 null 。从逻辑角度来看， null 值表示一个空对象指针，而这也正是使用 typeof 操作符检测 null 值时会返回 "object" 的原因
如果定义的某个变量，在将来用于保存对象，那么最好将它设成null而不是其他值。
undefined值是派生自null值的，所以 undefined == null // ture

Number 类型
Number表示所有的整数和浮点数。
NaN：非数值（not a number）是一个特殊的数值，它也是Number类型。

// NaN的理解：这个表达式本来是想给你返回一个数值，但是这个运算无法给你返回一个数值。这个时候会告诉你NaN
console.log(13-'abc'); //NaN

任何涉及NaN的操作，（例如 NaN/10）都会返回NaN
NaN和任何值都不相等，包括自己本身

• isNaN()

• 功能：确定一个值是否为NaN

• 语法：isNaN(testValue)

• 参数：testValue 要被检测的值。

• 返回值：如果给定值为 NaN则为true; 否则为，false。

image.png

数值转换
有三个方法可以把非数字的值转换为数值：Number()、parseInt()、parseFloat()。
Number()可以用于「任何数据类型」
parseInt()和parseFloat()用于「字符串转成数值」

Number()

• 功能：对象的值转换为数字。
• 语法：Number(object)
• 参数：object 可以是对象也可以是字符串
• 返回值：如果参数是 Date 对象，Number() 返回从 1970 年 1 月 1 日至今的毫秒数。如果对象的值无法转换为数字，那么 Number() 函数返回 NaN。

image.png

parseInt()

• 功能：函数解析一个字符串参数，并返回一个指定基数的整数。
• 语法：parseInt(string, radix)
• 参数1：string：要被解析的值。如果参数不是一个字符串，则将其转换为字符串
• 参数2：radix：转换时使用的基数（多少进制）。
• 返回值：返回解析后的整数值。 如果被解析参数的第一个字符无法被转化成数值类型，则返回NaN

image.png

parseFloat()

• 功能：函数解析一个字符串参数并返回一个浮点数。
• 语法：parseFloat(string)
• 参数：需要被解析成为浮点数的字符串.
• 返回值：返回解析后的浮点数值。

image.png

String类型

String类型用于表示由零或多个16位Unicode字符组成的字符序列，即「字符串」。字符串可以由双引号（" "）或单引号（' '）表示。

toString()

• 功能：toString() 方法返回指定对象的字符串形式。
• 语法：str.toString()

image.png

Boolean

布尔值是一种取值仅能为 「真」 或 「假」的数据类型，它赋予了编程语言在逻辑上表达真 或 假 的能力。

类型转换
Boolean()用法用于将其他数据类型转成Boolean类型

1. 除「0」意外的所有数字，转换为布尔型都为true
2. 除「" "」之外的所有字符，转换为布尔型都为true
3. null和undefined转换为布尔型都为false

image.png

到这里JavaScript的五种基本数据类型已经介绍完了。Object有会单独的章节去讲。