JavaScript数据类型
ECMAscript 中有5种简单的数据类型,也被称为基本数据类型:Undefined、Null、Boolean、Number和String。还有一种复杂的数据类型——Object。
Undefined 类型
在使用var 声明变量但未对其进行初始化时,这个变量的值就是undefined。如:
1
2
|
var number; document.write(number); //undefined |
如果没有声明变量则会出现下面这种错误。如:
1
|
document.write(str); //错误 |
但是用typeof对其进行执行时,不管有没有声明都会返回undefined 值。如:
1
2
3
|
var num; document.write( typeof num); //undefined document.write( typeof str); //undefined |
Null 类型
使用typeof检测null 时会返回"object"。如:
1
2
|
var num = null ; document.write( typeof num); //object |
实际上undefined 值是派生自null 值的,因此他们相等都会返回true。如:
1
|
alert( null == undefined); //true |
这里要注意的是,只要意在保存对象的变量还没有真正保存对象,就应该明确地让该变量保存null 值,此举有助于区分null 和 undefined。如:
1
2
3
|
var num1 = null ; var num2; document.write( typeof num1 + " " + typeof num2); //object undefined |
Boolean 类型
要将一个值转换为其对应的Boolean 值,可以使用转型函数Boolean()。如:
1
2
|
var str = "helloworld" ; document.write(Boolean(str)); //true |
《JavaScript高级编程设计》一书中的3.4.4中给出了关于各种数据类型及其对应的转换规则表格。大概有以下几种:
- 数据类型为String 时,任何非空字符串都会转换为true;
- 数据类型为Number 时,除了0 和NaN 会被转换为false 之外,其他都会转换为true;
- 数据类型为Object 时,除了null 之外,都会转换为true;
- 数据类型为Undefined 时,n/a 会被转换为true,undefined 会被转换为false;
这里要注意的是,if 语句经常使用自动执行响应的Boolean 转换作为条件。如:
1
2
3
4
|
var str = "helloworld" ; if (str){ document.write( "hellothere" ); } //hellothere |
Number 类型
除了可以以十进制表示之外,整数还可以通过八进制或者十六进制的字面值来表示,其中八进制字面值的第一位必须是0,然后是八进制数字序列(0~7)。如:
1
2
3
4
|
var num1 = 070; //八进制的56 var num2 = 032; //八进制的32 var num3 = 079; //错误的八进制(>7) var num4 = 09; //错误的八进制(>7) |
十六进制字面值的前两位必须是0x,后面跟任何十六进制数(0~9 及 A~F)。如:
1
2
|
var num1 = 0xA; //十六进制的10 var num1 = 0xa; //也是十六进制的10(字母不区分大小写) |
浮点数值
这里要注意的是,永远不要比较特定的浮点数值。如:
1
2
3
4
5
|
var a = 0.1; var b = 0.2; if (a + b == 0.3){ document.write( "you are right" ) } //因为0.1 加上0.2 实际上等于0.30000000000000004 |
数值范围
ECMAScript 能够表示的最大和最小数值保存在Number.MAX_VALUE 和Number.MIN_VALUE 之中。要想确定一个数值是不是有穷的,可以使用isFinite()函数。如:
1
|
document.write(isFinite(Number.MAX_VALUE + Number.MAX_VALUE)); //false |
NaN
0 除以0 会返回NaN,正数除以0 会返回Infinity,复数则会返回-Infinity。其次,NaN 与任何数值都不相等,包括它本身。另外函数isNaN()可以帮助我们确定这个参数是否“不是数值”。如:
1
2
3
4
5
|
document.write(isNaN( "a" )); //true; document.write(isNaN( "324" )); //false; document.write(isNaN( true )); //false; document.write(isNaN( false )); //false; document.write(isNaN(NaN)); //true; |
数值转换
有三个函数可以把非数值转换为数值:Number()、parseInt()、parseFloat()。
Number()的转换规则如下:
如果是Boolean 值,true 和false 会被转换为1 和0。
如果是数字值,则不变。
如果是null 值,则转换为0。
如果是undefined,返回NaN。
如果是字符串则遵循下列规则:
- 如果只有数字,则转换为十进制数值。
- 如果是浮点格式,则将其转换成对应的浮点数值。同样也会忽略前导零。
- 如果是十六进制格式则会转换成十进制数。
- 如果字符串是空的,则会转换成0。
- 其他情况则会转换为NaN。
具体看下面的例子:
1
2
3
4
5
6
7
8
9
|
document.write(Number( true )); //1 document.write(Number( false )); //0 document.write(Number( "789" )); //789 document.write(Number( null )); //0 document.write(Number(undefined)); //NaN document.write(Number( "02.0942" )); //2.0942 document.write(Number(0xa)); //10 document.write(Number( "" )); //0 document.write(Number( "fdsa" )); //NaN |
parseInt()的转换规则如下:
- 如果第一个字符不是数字字符或者符号,parseInt()会返回NaN。
- 用parseInt()转换空字符串会返回NaN。
- 如果第一个字符是数字字符,它会继续解析第二个字符,直到遇到了一个非数字字符.
下面是具体的例子:
1
2
3
4
5
6
7
8
|
document.write(parseInt( "fds" )); //NaN document.write(parseInt( "" )); //NaN document.write(parseInt( "1111112abc" )); //1111112 document.write(parseInt( "-1111112abc" )); //-1111112 document.write(parseInt( "+1111112abc" )); //-1111112 document.write(parseInt( "0xa" )); //10 document.write(parseInt( "0022.00009" )); //22 document.write(parseInt( "070" )); //ECMAScript 3认为是56(八进制), ECMAScript 5认为是70(十进制) |
另外需要注意的是,ECMAScript 5已经不具备解析八进制值的能力了所以为了消除这个问题,可以为这个函数提供第二个参数:转换时使用的基数(多少进制),具体如下:
1
2
3
|
document.write(parseInt( "070" ,10)); //70 document.write(parseInt( "070" ,8)); //56 document.write(parseInt( "070" ,16)); //112 |
多数情况下,最好默认设置成10进制。
parseFloat()的转换规则如下:
- 与parseInt()类似,不同的是字符串第一个小数点是有效的,而从第二个小数点开始包括第二个小数点是无效的。
- 他不能解析十六进制数值!!!
- 他只能解析十进制数值!!!
- 他没有用第二个基数来指定进制的用法。
下面是具体的例子:
1
2
3
4
5
6
7
|
document.write(parseFloat( "421" )); //421 document.write(parseFloat( "0421.32.1" )); //421.32 document.write(parseFloat( "0xaafd" )); //0 document.write(parseFloat( "070" )); //70 document.write(parseFloat( "070abc" )); //70 document.write(parseFloat( "" )); //NaN document.write(parseFloat( "abc" )); //NaN |
String 类型
要把一个值转换成字符串有两种方式。第一种是使用几乎每个值都有的toString()方法。如下:
1
2
3
4
5
|
document.write((533).toString(10)); //"533" document.write((0xa).toString(10)); //"10" document.write((0xa).toString(2)); //"1010" document.write(( true ).toString(10)); //"true" document.write(( false ).toString(10)); //"false" |
另外需要注意的是,null 和 undefined 不能转换。
1
2
|
document.write(( null ).toString(10)); // document.write((undefined).toString(10)); // |
如果不知道需要转换的数值是否是null 或者undefined 则应该使用转型函数String(),如果是null 会返回"null"如果是undefined 会返回"undefined"。如下:
1
2
|
document.write(String( null )); //"null" document.write(String(undefined)); //"undefined" |
-
复杂的数据类型
- object
- 该类型实例化的对象,是一组数据和功能(函数)的集合。
- 实例化对象的过程有两种,一种是通过new操作符,一种是通过对象字面量表示法。
- object类型是最基本的类型,我们可以在其基础上继承出更多的类型,像我们知道的Array()、Date()、还有有意思的function()类型,都是从object继承的,而且这些类型都在程序员使用前被默认设置了属性和方法,供程序员调用。
- 而以上类型又有一个笼统的称呼为引用类型。为什么是引用类型呢?
在学习C的时候,知道“ int a; int &ra=a;”,所以ra是a的引用,ra的类型为引用类型,系统并不为引用类型分配内存空间。var obj=new Object();
但是,js所指的引用类型,在《js高级程序设计》这本书里,也确实是这样的概念,obj只是引用类型,是堆内存中一个对象的别称,本身并不占用内存。
这样将obj的值复给obj2时,会将堆内存中object的地址赋给obj2,这句话,又貌似是在说,在声明一个引用类型时,是会将实例化对象地址存到栈内存中,然后通过地址访问堆内存。var obj2=obj;
- JS基本数据类型和引用数据类型的区别
-
JS基本数据类型的变量存放的是基本类型数据的实际值;而引用数据类型的变量保存对它的引用,即指针。
JS基本数据类型:null undefined number boolean
string比较特殊
引用数据类型:function object array
var a = 11;
var b = 1;
b = 12;
console.log(a); //11 a的值不会随b值得改变而改变
var a = [1,2,3];
var b = a;
a[0] = 2;
console.log(b[0]) //2, b的值随着a的值改变而改,因为他们指向同一个内存地址
var a = [1,2,3];
var b = a;
b = [11, 12, 13];//b指向了另一个内存地址,与a断开关联
a[0] = 2;
console.log(b[0]) //11,b的值不随a的值改变而改变
比如说 var a = 1; 1是基本数据类型,因此变量a存放的就是1这个值
var b = [1,2,3],[1,2,3]是引用数据类型,[1,2,3]是放在内存中的,而变量b存放的是[1,2,3]的地址,而不是[1,2,3]这个值
当使用b这个变量时,js解释器会通过b存放的内存地址,找到内存中的相应地址,将其中的值取出来返回
From:http://my.oschina.net/u/1992917/blog/359825
- object