JavaScript——数据类型-优快云博客

本文详细介绍了JavaScript中的数据类型，包括简单数据类型（Number、String、Boolean、undefined、null）和复杂数据类型（Object）。探讨了数据类型检测方法，如typeof操作符和instanceof操作符的使用。还讲解了特殊值（Infinity、NaN）的概念和处理方法。

1. 数据类型分类

简单数据类型：

Number: 数字类型( 整数，浮点，特殊值(Infinity 和 NaN) )
String: 字符串类型( 字符串用双引号包裹 )
Boolean: 布尔类型(true 和 false)
undefined: 只含有一个值undefined
null: 只含有一个值null

复杂数据类型：

Object(对象)

2. 数据类型检测

typeof操作符用法：

确定一个变量是字符串、数值、布尔值，还是 undefined 的最佳工具
检测引用类型时，想知道它是什么类型的对象，用instanceof 操作符
直接将要检测的数据书写在typeof后面，用空格隔开。
将要检测的数据书写在typeof后面的小括号中。

console.log(typeof 10);
console.log(typeof("你好"));
复制代码

对一个值使用 typeof 操作符可能返回下列某个字符串：

"number" ——如果这个值是数值；
"string" ——如果这个值是字符串；
"boolean" ——如果这个值是布尔值；
"object" ——如果这个值是对象或 null ；
"function" ——如果这个值是函数。
"undefined" ——如果这个值未定义；

typeof 是一个操作符而不是函数

调用 typeof null会返回 "object" ，因为特殊值 null 被认为是一个空的对象引用

函数在 ECMAScript中是对象，不是一种数据类型

3. Undefined 类型

Undefined 类型只有一个值，即特殊的 undefined 。

在使用 var 声明变量但未对其加以初始化时，这个变量的值就是 undefined

不存在需要显式地把一个变量设置为 undefined 值的情况。

字面值undefined 的主要目的是用于比较，而 ECMA-262 第 3 版之前的版本中并没有规定这个值。第 3 版引入这个值是为了正式区分空对象指针与未经初始化的变量。

对未初始化的变量执行 typeof 操作符会返回 undefined 值，而对未声明的变量执行 typeof 操作符同样也会返回 undefined 值。来看下面的例子：

var message; // 这个变量声明之后默认取得了 undefined 值
// 下面这个变量并没有声明
// var age
alert(typeof message); // "undefined"
alert(typeof age); // "undefined"
复制代码

结果表明，对未初始化和未声明的变量执行 typeof 操作符都返回了 undefined 值；这个结果有其逻辑上的合理性。因为虽然这两种变量从技术角度看有本质区别，但实际上无论对哪种变量也不可能执行真正的操作。

4. Null 类型

Null 类型是第二个只有一个值的数据类型，这个特殊的值是 null 。

从逻辑角度来看， null 值表示一个空对象指针，而这也正是使用 typeof 操作符检测 null 值时会返回 "object" 的原因

var car = null;
alert(typeof car); // "object"
复制代码

如果定义的变量准备在将来用于保存对象，那么最好将该变量初始化为 null 而不是其他值

只要直接检查 null 值就可以知道相应的变量是否已经保存了一个对象的引用，如下面的例子所示：

if (car != null){
// 对 car 对象执行某些操作
}
复制代码

实际上， undefined 值是派生自 null值的，因此ECMA-262规定对它们的相等性测试要返回 true ：

alert(null == undefined); //true
复制代码

null 和 undefined 之间的相等操作符（ == ）总是返回 true

尽管 null 和 undefined有这样的关系，但它们的用途完全不同。如前所述，无论在什么情况下都没有必要把一个变量的值显式地设置为 undefined ，可是同样的规则对 null 却不适用。换句话说，只要意在保存对象的变量还没有真正保存对象，就应该明确地让该变量保存 null 值。这样做不仅可以体现null作为空对象指针的惯例，而且也有助于进一步区分 null 和 undefined

5. Boolean 类型

Boolean 类型是 ECMAScript 中使用得最多的一种类型，该类型只有两个字面值： true 和 false 。这两个值与数字值不是一回事，因此 true 不一定等于 1，而 false 也不一定等于 0

Boolean 类型的字面值 true 和 false 是区分大小写的。也就是说， True 和 False （以及其他的混合大小写形式）都不是 Boolean 值，只是标识符

要将一个值转换为其对应的 Boolean 值，可以调用转型函数 Boolean()

对任何数据类型的值调用 Boolean() 函数，而且总会返回一个 Boolean 值。至于返回的这个值是 true 还是 false，取决于要转换值的数据类型及其实际值。下表给出了各种数据类型及其对应的转换规则:

数据类型	转换为true	转换为false
Boolean	true	false
String	任何非空字符串	""（空字符串）
Number	任何非零数字值（包括无穷大）	0和 NaN
Object	任何对象	null
Undefined	没有	undefined

6. Number 类型

Number 类型使用 IEEE754 格式来表示整数和浮点数值

6.1 整数

十进制：最基本的数值字面量格式是十进制整数
八进制：

八进制字面值的第一位必须是零（0），然后是八进制数字序列（0～7）。如果字面值中的数值超出了范围，那么前导零将被忽略，后面的数值将被当作十进制数值解析

var octalNum1 = 070; // 八进制的 56
var octalNum2 = 079; // 无效的八进制数值——解析为 79
var octalNum3 = 08; // 无效的八进制数值——解析为 8
复制代码

八进制字面量在严格模式下是无效的，会导致支持的 JavaScript 引擎抛出错误

十六进制：

字面值的前两位必须是 0x，后跟任何十六进制数字（0～9 及 A～F）。其中，字母 A～F可以大写，也可以小写

var hexNum1 = 0xA; // 十六进制的 10
var hexNum2 = 0x1f; // 十六进制的 31
复制代码

在进行算术计算时，所有以八进制和十六进制表示的数值最终都将被转换成十进制数值

6.2 浮点数

浮点数值，就是该数值中必须包含一个小数点，并且小数点后面必须至少有一位数字

由于保存浮点数值需要的内存空间是保存整数值的两倍，因此 ECMAScript会不失时机地将浮点数值转换为整数值。

如果小数点后面没有跟任何数字，那么这个数值就可以作为整数值来保存。同样地
如果浮点数值本身表示的就是一个整数（如 1.0），那么该值也会被转换为整数

var floatNum1 = 1.; // 小数点后面没有数字——解析为 1
var floatNum2 = 10.0; // 整数——解析为 10
复制代码

对于那些极大或极小的数值，可以用 e表示法（即科学计数法）表示的浮点数值表示。

用 e 表示法表示的数值等于 e 前面的数值乘以 10 的指数次幂

前面是一个数值（可以是整数也可以是浮点数），中间是一个大写或小写的字母 E，后面是 10 的幂中的指数

var floatNum = 3.125e7; // 等于 31250000
复制代码

浮点数值的最高精度是 17 位小数，但在进行算术计算时其精确度远远不如整数

例如，0.1 加 0.2的结果不是 0.3，而是 0.30000000000000004
复制代码

6.3 数值范围 Infinity

ECMAScript 能够表示的最小数值保存在Number.MIN_VALUE中——在大多数浏览器中，这个值是5e-324；

ECMAScript能够表示的最大数值保存在Number.MAX_VALUE中——在大多数浏览器中，这个值是 1.7976931348623157e+308

超出 JavaScript 数值范围的值
如果这个数值是负数，则会被转换成 -Infinity （负无穷）
如果这个数值是正数，则会被转换成 Infinity （正无穷）

要想确定一个数值是不是有穷的，可以使用isFinite()函数。这个函数在参数位于最小与最大数值之间时会返回 true

6.4 NaN

NaN ，即非数值（Not a Number）是一个特殊的数值，这个数值用于表示一个本来要返回数值的操作数未返回数值的情况

只有 0 除以 0 才会返回 NaN，正数除以 0 返回 Infinity，负数除以 0返回-Infinity

任何涉及 NaN 的操作（例如 NaN /10）
都会返回 NaN

NaN 与任何值都不相等，包括 NaN 本身
返回 false

ECMAScript 定义了 isNaN() 函数。这个函数接受一个参数，该参数可以是任何类型，而函数会帮我们确定这个参数是否“不是数值”。
isNaN() 在接收到一个值之后，会尝试将这个值转换为数值。某些不是数值的值会直接转换为数值

isNaN() 确实也适用于对象。在基于对象调用 isNaN() 函数时，会首先调用对象的 valueOf() 方法，然后确定该方法返回的值是否可以转换为数值。如果不能，则基于这个返回值再调用 toString() 方法，再测试返回值

alert(isNaN(NaN)); //true
alert(isNaN(10)); //false（10 是一个数值）
alert(isNaN("10")); //false（可以被转换成数值 10）
alert(isNaN("blue")); //true（不能转换成数值）
alert(isNaN(true)); //false（可以被转换成数值 1）
复制代码

6.5 数值转换

把非数值转换为数值：

Number() 可以用于任何数据类型
parseInt() 专门用于把字符串转换成整数
parseFloat() 专门用于把字符串转换成浮点数

6.5.1 Number()

Number() 可以用于任何数据类型

Number() 函数的转换规则如下

如果是数字值，只是简单的传入和返回
如果是 Boolean 值， true 和 false 将分别被转换为 1 和 0
如果是 null 值，返回 0
如果是 undefined ，返回 NaN
如果是字符串，遵循下列规则
- 如果字符串中只包含数字（包括前面带正号或负号的情况），则将其转换为十进制数值，即 "1" 会变成 1， "123" 会变成 123，而 "011" 会变成 11（注意：前导的零被忽略了）
- 如果字符串中包含有效的浮点格式，如"1.1"，则将其转换为对应的浮点数值（同样，也会忽略前导零）
- 如果字符串中包含有效的十六进制格式，例如"0xf"，则将其转换为相同大小的十进制整数值
- 如果字符串是空的（不包含任何字符），则将其转换为 0
- 如果字符串中包含除上述格式之外的字符，则将其转换为 NaN
如果是对象，则调用对象的valueOf()方法，然后依照前面的规则转换返回的值。如果转换的结果是 NaN ，则调用对象的toString()方法，然后再次依照前面的规则转换返回的字符串值

一元加操作符的操作与 Number() 函数相同

6.5.2 parseInt()

专门用于把字符串转换成整数

parseInt() 函数在转换字符串时，更多的是看其是否符合数值模式。
它会忽略字符串前面的空格，直至找到第一个非空格字符。如果第一个字符不是数字字符或者负号， parseInt()就会返回 NaN。
用 parseInt() 转换空字符串会返回 NaN （ Number() 对空字符返回 0）
如果第一个字符是数字字符，parseInt()会继续解析第二个字符，直到解析完所有后续字符或者遇到了一个非数字字符）
如果字符串以"0x"开头且后跟数字字符，就会将其当作一个十六进制整数；如果字符串以"0"开头且后跟数字字符，则会将其当作一个八进制数来解析

var num1 = parseInt("1234blue"); // 1234
var num2 = parseInt(""); // NaN
var num3 = parseInt("0xA"); // 10（十六进制数）
var num4 = parseInt(22.5); // 22
var num5 = parseInt("070"); // 56（八进制数）
var num6 = parseInt("70"); // 70（十进制数）
var num7 = parseInt("0xf"); // 15（十六进制数
复制代码

使用 parseInt() 函数时，可以为这个函数提供第二个参数：转换时使用的基数（即多少进制）

var num = parseInt("0xAF", 16); //175
//如果指定了 16 作为第二个参数，字符串可以不带前面的 "0x"
var num1 = parseInt("AF", 16); //175
复制代码

6.5.3 parseFloat()

专门用于把字符串转换成浮点数

parseFloat() 也是从第一个字符（位置0）开始解析每个字符。而且也是一直解析到字符串末尾，或者解析到遇见一个无效的浮点数字字符为止。）
也就是说，字符串中的第一个小数点是有效的，而第二个小数点就是无效的了，因此它后面的字符串将被忽略）
parseFloat() 只解析十进制值，因此它没有用第二个参数指定基数的用法
如果字符串包含的是一个可解析为整数的数（没有小数点，或者小数点后都是零）， parseFloat() 会返回整数

var num1 = parseFloat("1234blue"); //1234 （整数）
var num2 = parseFloat("0xA"); //0
var num3 = parseFloat("22.5"); //22.5
var num4 = parseFloat("22.34.5"); //22.34
var num5 = parseFloat("0908.5"); //908.5
var num6 = parseFloat("3.125e7"); //31250000
复制代码

7. String类型

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

7.1 字符字面量

转义序列：String 数据类型包含一些特殊的字符字面量）
\n 换行
\t 制表
\b 空格
\r 回车

任何字符串的长度都可以通过访问其 length 属性取得

7.2 转换为字符串

一个值转换为一个字符串有两种方式

toString()
String()：在不知道要转换的值是不是 null 或 undefined 的情况下
加号操作符：把它与一个字符串（ "" ）加在一起

7.2.1 toString()

数值、布尔值、对象和字符串值（每个字符串也都有一个 toString() 方法，该方法返回字符串的一个副本）都有 toString() 方法。
但 null 和 undefined 值没有这个方法

var age = 11;
var ageAsString = age.toString(); // 字符串"11"
var found = true;
var foundAsString = found.toString(); // 字符串"true"
复制代码

多数情况下，调用 toString() 方法不必传递参数
调用数值的 toString() 方法时，可以传递一个参数：输出数值的基数
toString()方法以十进制格式返回数值的字符串表示。而通过传递基数，toString()可以输出以二进制、八进制、十六进制，乃至其他任意有效进制格式表示的字符串值

var num = 10;
alert(num.toString()); // "10"
alert(num.toString(2)); // "1010"
alert(num.toString(8)); // "12"
alert(num.toString(10)); // "10"
alert(num.toString(16)); // "a"
复制代码

7.2.2 String()

在不知道要转换的值是不是 null 或 undefined 的情况下，还可以使用转型函数 String()

String() 函数遵循下列转换规则：

如果值有 toString() 方法，则调用该方法（没有参数）并返回相应的结果；
如果值是 null ，则返回 "null" ；
如果值是 undefined ，则返回 "undefined" 。

var value1 = 10;
var value2 = true;
var value3 = null;
var value4;
alert(String(value1)); // "10"
alert(String(value2)); // "true"
alert(String(value3)); // "null"
alert(String(value4)); // "undefined"
复制代码

8. Object 类型

对象可以通过执行 new 操作符后跟要创建的对象类型的名称来创建

在 ECMAScript 中，（就像 Java 中的 java.lang.Object 对象一样） Object 类型是所有它的实例的基础
Object类型所具有的任何属性和方法也同样存在于更具体的对象中

Object 的每个实例都具有下列属性和方法

constructor：保存着用于创建当前对象的函数构造函数（constructor）就是 Object()
hasOwnProperty(propertyName)：用于检查给定的属性在当前对象实例中（而不是在实例的原型中）是否存在
其中，作为参数的属性名（ propertyName ）必须以字符串形式指定
isPrototypeOf(object) ：用于检查传入的对象是否是传入对象的原型
propertyIsEnumerable(propertyName) ：用于检查给定的属性是否能够使用 for-in 语句来枚举。与 hasOwnProperty() 方法一样，作为参数的属性名必须以字符串形式指定。
toLocaleString() ：返回对象的字符串表示，该字符串与执行环境的地区对应。
toString() ：返回对象的字符串表示。
valueOf() ：返回对象的字符串、数值或布尔值表示。通常与toString()方法的返回值相同。