JavaScript:数据类型

JavaScript中有6种数据类型，其中包含了5种基本数据类型和1种复杂数据类型。

• 基本数据类型：undefined、null、boolean、number和String
• 复杂数据类型：Object。Object本质是由一组无序的名值对组成的。

 

typeof操作符

JavaScript中的变量是松散类型的，所谓松散类型，就是可以用来保存任何数据。

var i = 17;
i = "hello";    // 这种做法是合法的

鉴于这种特性，因此需要一种手段来检测变量的数据类型，typeof负责提供这种信息。对一个值使用typeof操作符将返回下列某个字符串：

• "underfined" -- 这个值未定义
• "boolean" -- 这个值是布尔值
• "string" -- 这个值是字符串
• "number" -- 这个值是数值
• "object" -- 这个值是对象或null
• "function" -- 这个值是函数

下面举两个例子，说明typeof操作符的使用：

var m = "hello";
alert(typeof m);  // "string"
alert(typeof 17);   // "number"

 

undefined类型

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

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

不过，包含undefined值的变量与未定义的变量是不一样的。例如：

var msg;    // 声明之后未初始化，默认值为undefined
// var name;    // 没有声明
alert(msg); // "undefined"
alert(name);    // 产生错误

然而，对未初始化的变量和未声明的变量执行typeof操作符都会返回undefined值。例如：

var msg;    // 声明之后未初始化，默认值为undefined
// var name;    // 没有声明
alert(typeof msg);  // undefined
alert(typeof name); // undefined

 

null类型

null类型也是只有一个值的数据类型，这个特殊的值是null。null值表示一个空对象指针，所以用typeof操作符检测null值时会返回“object”。例如：

var human = null;
alert(typeof human);    // “object”

如果定义一个变量用于保存对象，最好将变量初始化为null，这样可以直接检测变量是否null来判断是否保存了一个对象的引用，例如：

if (human != null) {
      // ...
}

实际上，undefined值是派生自null值的，它们的相等测试返回true.

alert(null == undefined) // true

 

boolean类型

boolean只有两个值true和false。这两个值与数字值不是一回事，true不等于1，false不等于0。
虽然boolean只有两个值，但是JavaScript中所有的数据类型都有与这两个值等价的值。通过转型函数Boolean()可以将一个值转换为对应的Boolean值。

var msg = "hello javascript";
var msgAsBoolean = Boolean(msg);
alert(msgAsBoolean);

下表为各种数据类型及其转换规则：

数据类型	转换为true的值	转换为false的值
Boolean	true	false
Number	任何非零数字值(包括无穷大)	0和NaN(Not a Number)
Object	任何对象	null
undefined	不适用	undefined

在if判断中，将自动执行Boolean转换。例：

var msg = "hello javascript";
if (msg) {  // msg会自动执行Boolean转换为true
      alert("is true");
 }

number类型

number类型表示整数和浮点数。
为了支持各种数值类型，定义了不同的数值字面量格式，下面给出定义number类型数据的例子：

var intNum = 20;    
var octalNum1 = 030;    // 八进制的24
var hexNum = 0xA;   // 十六进制的10

在进行算数运算时，以八进制和十六进制表示的数值最终都会被转换成十进制数值。

1.浮点数值

所谓浮点数值，就是该数值中必须包含一个小数点，并且小数点后面必须至少有一位数字。
定义浮点数的方式：

var floatNum1 = 1.2;
var floatNum2 = 0.3;
var floatNum3 = .4;         // 合法，但是不推荐

对于那些极大或极小的数值，可以用e表示法

var floatNum = 2.345e4; // 等于23450

在默认情况下，JavaScript会将小数点后面带有6个零以上的浮点数转换为以e表示的数值。
浮点数的最高精确度是17位小数，但在进行算术计算时精确度不及整数。例如,0.2加0.3的结果不一定等于0.5：

if (a + b == 0.5) { // 不能做这样的测试
     alert("等于0.5");
}

2.数值范围

由于内存的限制，JavaScript并不能表示所有的数值。

• 最小的数值：Number.MIN_VALUE，在多数浏览器中为5e-324
• 最大的数值：Number.MAX_VALUE,在多数浏览器中为1.7976931348623157e+308

如果某次计算的结果得出一个超过JavaScript数值范围的值，那么这个值将被自动转换成Infinity值(正无穷)。如果是负数，就会被转换成-Infinity(负无穷)；如果是正数，就会被转换成Infinity(正无穷)。Infinity不是能够参与计算的数值。通过isFinite()函数可以确定一个数值是不是有穷的。如果是有穷的，则返回true。

var result = Number.MAX_VALUE + Number.MAX_VALUE;
alert(isFinite(result));    // false

3.NaN

NaN，即非数值(Not a Number)是一个特殊的值。用于表示一个本来要返回数值的操作数未返回数值的情况(这样就不会抛出错误了)。在JavaScript中，任何数值除以0会返回NaN。
NaN有两个特点：1.任何涉及NaN的操作都会返回NaN。2.NaN与任何值都不相等，包括本身。

alert(NaN == NaN);  // false

针对NaN的特点，JavaScript定义了isNaN()函数。isNaN()函数在接收一个值后，会尝试将这个值转换为数值。某些不是数值的值会直接转换为数值，如字符串"20"或Boolean值。不能转换成数值的值都会返回true。

alert(isNaN(NaN));  //  true
alert(isNaN(10));   // false，
alert(isNaN("10")); // false(可以被转换成数值10)
alert(isNaN("blue"));   // true，不能转换
alert(isNaN(true)); // 可以被转换成1

4.数值转换

有三个可以将非数值转换为数值的函数：Number()、parseInt()、parseFloat()。Number()可以作用于任何类型，parseInt()和parseFloat()则专门用于把字符串转换成数值。
Number()函数的转换规则为：

• 如果是Boolean值，true和false分别转换为1和0。
• 如果是数字值，简单地传入和返回。
• 如果是null值，返回0
• 如果是undefined，返回NaN。
• 如果是字符串，遵循以下规则：
  
  • 如果字符串中只包含数字，则将其转换为十进制数值，即“20”转换为20，“011”会转换为11；
  • 如果字符串中包含有效的浮点格式，如“1.2”，则将其转换为对应的浮点数；
  • 如果字符串中包含有效的十六进制格式，例如“0xf”,则将其转换为对应的十进制整数；
  • 如果字符串是空的，则将其转换为0；
  • 如果字符串中包含上述格式之外的字符，则将其转换为NaN。
• 如果是对象，则调用对象的valueOf()方法，然后依照前面的规则转换，如果返回的结果是NaN，则调用对象的toString()方法，然后再次依照前述规则转换返回的字符串值。

var num1 = Number("javascript");    // NaN
var num2 = Number("");  // 0
var num3 = Number("012");   // 12
var num4 = Number("0xa");   // 10
var num5 = Number(true);    // 1

实际开发中，处理整数时更多的使用parseInt()函数。parseInt()函数会忽略字符串前面的空格，直至找到第一个非空字符串。如果第一个字符不是数字或符号，就会返回NaN。如果第一个字符是数字字符，parseInt()就会继续解析第二个字符，直至最后一个字符或遇到一个非数字字符。例 如：“123hello”会被转换为123，类似地，“12.3”会被转换为12。 而且parseInt()函数能够识别出各种整数格式。

var num1 = parseInt("123hello");    // 123
var num2 = parseInt("");    // 0
var num3 = parseInt("070");     // 56
var num4 = parseInt("0xa");    // 10
var num5 = parseInt("12.3");    //12

为了消除进制带来的困惑，可以为parseInt()函数添加第二个参数，表示转换时使用多少进制。

var num = parseInt("0xAF", 16); // 175

parseFloat()也是从第一个字符开始解析，而且一直解析到字符末尾，或者遇见一个无效的浮点数字符，例如，“12.34.5”将会转换为12.34，除了第一个小数点之外，parseFloat()与parseInt()的另一个区别是会始终忽略前导0。

var num1 = parseFloat("123hello");  // 123，整数
var num2 = parseFloat("0xa");      // 0
var num3 = parseFloat("12.3);       // 12.3
var num4 = parseFloat("12.34.5);    // 12.34
var num5 = parseFloat("3.14e6");    // 3140000

 

String类型

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

var str1 = "san";
var str2 = 'zhang';

任何字符串的长度都可以由length属性取得,这个属性返回的字符数包括16位字符的数目，而不是返回字符串的字符数目

var str1 = "hello";
var str2 = "中国";
alert(str1.length);     // 5
alert(str2.length);     // 2

字符串是不可变的，一旦创建，它们的值就不可改变。改变一个变量的值，首先需要销毁原来的值，然后再用一个新值填充变量。

var str = "good";
str = str + "morning";

在上例中，第一行str包含了“good”,而第二行重新填充了“good”和“morning”的组合，即“goodmorning”。

要把一个值转换为字符串有两种方式：toString()函数和String()函数。
除了null和undefined，每一个值都有toString()方法，下面看几个例子：

var age = 20;
var ageAsString = age.toString();    // "20"
var flag = true;
var flagAsString = flag.toString(); // "true"

toString()还可以传入一个参数，表示输出数值的基数(多少进制)。例：

var num = 10;
alert(num.toString());  // "10"
alert(num.toString(2)); // "1010"
alert(num.toString(8)); // "12",10的八进制为形式为012，这里去掉了前导0
alert(num.toString(16));    // "a",去掉了前导0x

在不知道要转换的是不是null或undefined的情况下，还可以使用String()函数。这个函数能够将任何类型的数转换为字符串。String()函数遵循以下规则：

• 如果值有toString()方法，则调用该方法并返回结果
• 如果值是null，则返回“null”
• 如果值是undefined，则返回“undefined”

var str1 = null;
var str2;
alert(String(str1));    // "null"
alert(String(str2));    // "undefined"

 

Object类型

JavaScript中的对象其实是一组数据和功能的集合。通过关键字new后跟对象类型名来创建对象。形式为：

var o = new Object();

类似于Java中的Object对象(Java中Object为所有类的基类)，Object类是其他所有实例的基础。也就是说，Object类型具有的任何属性和方法也同样存在于更具体的对象中。

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

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