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

JavaScript数据类型概述

数据类型

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

typeof操作符与返回值

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与任何值都不相等，包括NaN本身。例如，以下代码返回false。

alert(NaN == NaN); //false

JavaScript中有一个isNaN()函数，接受一个参数（可为任何类型），用于确定该参数是否“不是数值”。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

有3个函数可将非数值转换为数值：Number()、parseInt()和parseFloat()。第一个函数即转型函数Number()可用于任何数据类型，另两个函数专门用于将字符串转换成数值。这3个函数对相同输入返回不同结果。

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类型

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类型与实例属性

Object类型

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

var o = new Object();

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

● constructor——保存着用于创建当前对象的函数 ● hasOwnProperty(propertyName)——用于检查给定的属性在当前对象实例中（而不是在实例的原型中）是否存在。其中，作为参数的属性名(propertyName)必须以字符串形式指定（例如：o.hasOwnProperty("name")） ● isPrototypeOf(object)——用于检查传入的对象是否是另一个对象的原型 ● propertyIsEnumerable(propertyName)——用于检查给定的属性是否能够使用for-in语句来枚举 ● toString()——返回对象的字符串表示 ● valueOf()——返回对象的字符串、数值或布尔值表示。通常与toString()方法的返回值相同。