JavaScript数据类型详解：从基础到对象

JavaScript数据类型概述

数据类型

JavaScript包含五种基本数据类型（即简单数据类型）：Undefined、Null、Boolean、Number和String。此外，还有一种复杂数据类型Object，其本质是一组无序的名值对集合。

typeof操作符

由于JavaScript属于松散类型语言，检测变量数据类型至关重要，typeof操作符正是用于此目的。对任意值使用typeof操作符，可能返回以下字符串之一：

● "undefined"——表示该值未定义；

● "boolean"——表示该值为布尔值；

● "string"——表示该值为字符串；

● "number"——表示该值为数值；

● "object"——表示该值为对象或null；

● "function"——表示该值为函数；

Undefined与Null类型详解

Undefined类型

Undefined类型仅有一个特殊值：undefined。当使用var声明变量但未进行初始化时，该变量的默认值即为undefined，例如：

 
var message;
alert(message == undefined) //true

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(undefined == null); //true

尽管null和undefined存在此关系，但用途截然不同。无需将变量显式设置为undefined，但对null则适用不同规则。即只要变量意在保存对象却尚未保存，应明确赋予其null值。这既体现了null作为空对象指针的惯例，也有助于区分null和undefined。

Boolean类型与转换规则

Boolean类型

该类型仅有两个字面值：true和false。这两个值与数字值不同，因此true不一定等于1，false也不一定等于0。

尽管Boolean类型字面值仅有两个，但JavaScript中所有类型值都对应等价的Boolean值。要获取对应Boolean值，可调用Boolean()函数，例如：

 
var message = 'Hello World';
var messageAsBoolean = Boolean(message);

此例中，字符串message被转换为Boolean值并保存于messageAsBoolean变量。Boolean()函数可应用于任何数据类型，始终返回Boolean值。返回true或false取决于数据类型及其实际值。下表列出了各数据类型及对象的转换规则。

这些转换规则对理解流控制语句（如if语句）自动执行的Boolean转换至关重要，例如：

 
var message = 'Hello World';
if(message)
{ 
alert("Value is true");
} 

运行此示例会显示警告框，因为字符串message被自动转换为对应的Boolean值（true）。鉴于存在这种自动Boolean转换，明确流控制语句中使用的变量类型至关重要。

Number类型与NaN处理

Number类型用于表示整数和浮点数值，另含特殊数值NaN（非数值 Not a Number）。该数值用于表示本应返回数值却未返回的情况（从而避免抛出错误）。例如，其他语言中数值除以0会导致错误并停止代码执行，但在JavaScript中，数值除以0返回NaN，不影响其他代码执行。

NaN具有两个显著特点。首先，涉及NaN的任何操作（如NaN/10）均返回NaN，这可能在多步计算中引发问题。其次，NaN与任何值都不相等，包括其自身。例如，以下代码返回false。

alert(NaN == NaN); //false

JavaScript提供isNaN()函数，接收任意类型参数并判断其是否“不是数值”。该函数尝试将参数转换为数值。某些非数值可直接转换为数值（如字符串”10“或Boolean值），无法转换的值则使函数返回true。例如：

 
alert(isNaN(NaN)); //true
alert(isNaN(10)); //false(10是一个数值)
alert(isNaN("10")); //false(可能被转换为数值10)
alert(isNaN("blue")); //true(不能被转换为数值)
alert(isNaN(true)); //false(可能被转换为数值1)

有三个函数可将非数值转换为数值：Number()、parseInt()和parseFloat()。Number()为转型函数，适用于任何数据类型；另两个函数专用于将字符串转换为数值。三者对相同输入可能返回不同结果。

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

● 若为Boolean值，true和false分别替换为1和0

● 若为数字值，直接传入并返回

● 若为null值，返回0

● 若为undefined，返回NaN

● 若为字符串，遵循下列规则：

○ 若字符串仅含数字，则转换为十进制数值，即”1“变为1，”123“变为123，而”011“变为11（前导0被忽略）

○ 若字符串含有效浮点格式，如”1.1“，则转换为对应浮点数（同样忽略前导0）

○ 若字符串含有效十六进制格式，例如”0xf“，则转换为相同大小的十进制整数值

○ 若字符串为空，则转换为0

○ 若字符串含上述格式外字符，则转换为NaN

● 若为对象，则调用对象的valueOf()方法，随后依前述规则转换返回值。若结果为NaN，则调用对象的toString()方法，再依次按前述规则转换返回的字符串值。

 
var num1 = Number("Hello World"); //NaN
var num2 = Number(""); //0
var num3 = Number("000011"); //11
var num4 = Number(true); //1

鉴于Number()函数在转换字符串时较为复杂且不够合理，处理整数时更常用parseInt()函数。parseInt()在转换字符串时主要考察其是否符合数值模式。它会忽略前导空格，直至找到第一个非空格字符。若第一个字符串非数字字符或负号，parseInt()返回NaN；即用parseInt()转换空字符串会返回NaN。若第一个字符为数字字符，parseInt()会继续解析后续字符，直至解析完所有后续字符或遇到非数字字符。例如，"1234blue"被转换为1234，”22.5“被转换为22，因为小数点并非有效数字字符。

若字符串第一个字符为数字字符，parseInt()也能识别各种整数格式（即十进制、八进制、十六进制）。为更好理解parseInt()函数的转换规则，下面给出一些例子

 
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("10",2); //2（按二进制解析）
var num8 = parseInt("10",8); //8(按八进制解析)
var num9 = parseInt("10",10); //10（按十进制解析）
var num10 = parseInt("10",16); //16（按十六进制解析）
var num11 = parseInt("AF"); //56（八进制）
var num12 = parseInt("AF",16); //175

与parseInt()函数类似，parseFloat()从第一个字符（位置0）开始解析每个字符。一直解析到字符串末尾，或遇到无效浮点数字符为止。即字符串中的第一个小数点有效，第二个小数点无效，因此其后的字符串将被忽略。例如，”22.34.5“将被转换成22.34。

parseFloat()与parseInt()的第二个区别在于它始终忽略前导零。由于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

String类型与转换方法

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

 
var str1 = "Hello";
var str2 = 'Hello';

任何字符串的长度均可通过访问其length属性获取

 
alert(str1.length); //输出5

将值转换为字符串有两种方式。第一种是使用几乎所有值都拥有的toString()方法。

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

数值、布尔值、对象和字符串值均拥有toString()方法。但null和undefined值没有此方法。

多数情况下，调用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"

通过此例可见，指定基数后，toString()方法会改变输出值。数值10根据基数不同，可在输出时被转换为不同数值格式。

在不确定要转换的值是否为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"

Object类型与实例属性

对象即一组数据和功能的集合。对象可通过执行new操作符后跟要创建的对象类型名称来创建。创建Object类型的实例并为其添加属性和（或）方法，即可创建自定义对象。

 
var o = new Object();

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

● constructor——保存着用于创建当前对象的函数

● hasOwnProperty(propertyName)——用于检查给定属性在当前对象实例中（而非实例的原型中）是否存在。其中，作为参数的属性名(propertyName)必须以字符串形式指定（例如：o.hasOwnProperty("name")）

● isPrototypeOf(object)——用于检查传入的对象是否是另一个对象的原型

● propertyIsEnumerable(propertyName)——用于检查给定属性是否能够使用for-in语句来枚举

● toString()——返回对象的字符串表示

● valueOf()——返回对象的字符串、数值或布尔值表示。通常与toString()方法的返回值相同。