javascript中数据类型之间的转换

在js中，总的来说数据类型分为两大类，一类是原始值类型的，一类是引用类型的。原始值类型的包括：字符串(String) 、数字(Number) 、布尔值(Boolean) 以及两个特殊的值null 和 undefined 。引用类型的主要是指对象，在js中，对象的范围很广，甚至有js中一切都是对象这样的说法。对象可以分为对象(Object) 以及更具体的数组(Array) 、函数(Function) 等类型。要注意的是，js中typeof运算符返回的类型只有：sting、number、boolean、object、function、undefined几种,typeof null 返回的是 object,但一般认为null是不属于对象的 .

关于js中是不是一切都是对象这句话，其实是有争议的。例如，我们可以直接在通过单引号或双引号定义的字符串字面量上调用方法：

?

1	'this is a string' .charAt(0);

这条语句是能够执行并得到正确结果的。字符串的确是个对象，但是问题在于没有通过构造函数而是直接使用字面量的字符串又算不算对象呢？这还要说吗，这个语句不就是在字符串字面量上调用的方法嘛，能调用方法的当然是对象了。是的，我们看到的的确是这样，但事实又是如何呢？

事实就是，通过字面量定义的字符串并不是对象，或者最多只能说它是个伪对象，因为当在字符串字面量上调用方法或属性时，程序会在背后默默的创建一个与这个字面量的值相等的临时字符串对象，然后再在这个临时对象上调用属性或方法，最后把结果返回去，这个临时字符串对象完成使命后也随之会被销毁。

还有一个有力的证据就是，你可以在字符串字面量上添加一个属性，或者是改变一个属性值，但结果是无法成功的：

?

1 2 3

var s = 'this is a string' ; s.bar = 'hello' ; //给这个字符串添加一个属性 alert(s.bar); //结果得到的是 undefined,不是 'hello'

得到undefined的原因是，s.bar 这个属性是加在了程序偷偷创建的那个临时字符串对象上，但我们无法得到这个临时字符创对象的引用，而且这个临时字符串对象很快就被销毁了。所以给字符串字面量添加属性或改变属性值是没有任何意义的，因为它根本不会受到影响。

数字字面量以及布尔值字面量也是类似的原理，这里就不再赘述了。

下面进入正题了---js中各种数据类型间的相互转换。

一、转换成布尔值

程序在 if 语句 以及 ||、&&、! 等逻辑判断的环境下会把表达式自动转换成布尔值。
想要手动转换某个东西为布尔值有两种方法：1、使用 !! ； 2、使用 Boolean(),记住前面不要加new；

1、数字转换成布尔值

除了0被转换成false外，所有自他数字都会被转换成true, NaN 也总是被转换成false

2、字符串转换成布尔值

这个更简单，除了空字符串被转换成false外，所有字符串都会被转换成true

3、其他类型转换成布尔值

undefined和null会被转换成false, 任何对象(包括数组)和函数都会被转换成true，记住，是任何

?

1 2 3

var o = new Boolean( false ); alert(o); //转换成字符串，结果是false alert(!!o); //转换成布尔值,结果是 true

 

二、转换成字符串

把某一个东西强制转换成字符串有两种方法：

?

1 2	'' + x //方法一，用一个空字符串与之相加 String(x) //方法二，使用不带new的字符串构造函数

1、数字转换成字符串

这个没什么要说的，数字都是按原样转换成字符串，但用科学计数法表示的数字(也就是带e的)会转换成它内部代表的真实的数字的字符串。

还需要注意的是，当使用二元的加号运算符时，如果两个运算数中有一个不是数字，则会进行字符串的连接操作，而不是数学加法操作，两个运算数都会被转换成字符串。当null与数字相加时，不会进行字符串连接，而是会把null转换成0来进行数学元素。

?

1 2 3

[]+1+3  //结果为13 [1]+3   //结果为13 null +1+3  //结果为4

2、其他类型转换成字符串

当对象或函数转换成字符串时，会调用它们的 toString() 方法来进行转换，默认的是 Object.prototype.toString 和 Function.prototype.toString,但它们是可以被我们自定义的toString方法覆盖的。当把一个函数转换成一个字符串时，不一定就要显示函数的源代码，Function.prototype.toString 方法的结果依赖于它的环境是怎么实现它的。

 

三、转换成数字

除了加号以外的其他数学运算符，都会进行转换为数字的操作。把一个东西强制转换成数字也有两种方法：

?

1 2 3

+x //使用一个一元的加号运算符，这是最快的方法 x-0 或 x*1 //另一种形式 Number(x)  //使用不带new的数字构造函数进行转换

1、字符串转换成数字

除了空字符串会被转换成0以外，如果字符串中是正确的数字书写形式，那么都可以顺利转换成相应的数字，不管是小数、科学计数还是八进制、十六进制形式等。但是如果参杂了其他不能构成数字或不符合数字书写规则的东西，则会被转换成NaN。

NaN是指不是数字的意思，任何数字数字跟NaN进行运算得到的结果都是NaN,NaN甚至跟自己也不相等。

2、其它类型转换成数字

对象和函数总是被转换成NaN, undefined也会被转换成NaN, 但null会被转换成0

上面的表遗漏了数组的情况。数组会首先被转换成字符串，然后再转换成数字。

?

1 2 3 4 5

alert(+[]);  //结果为0 alert(+[1]); //结果为1 alert(+[1,2]); //结果为NaN alert(+ new Array(1)); //结果为0 alert(+ new Array(1,2)); //结果为NaN

3、两个数字转换函数

parseInt

parseFloat

字符串格式转换成日期格式

创建一个日期对象：

var objDate=new Date([arguments list]);

 

参数形式有以下５种：

[javascript] view plain copy

1. new Date("month dd,yyyy hh:mm:ss");  
2. new Date("month dd,yyyy");  
3. new Date(yyyy,mth,dd,hh,mm,ss);  
4. new Date(yyyy,mth,dd);  
5. new Date(ms);  

说明：

month:用英文表示月份名称，从January到December
mth:用整数表示月份，从0（１月）到１１（１２月）

Content

dd:表示一个月中的第几天，从1到31
yyyy:四位数表示的年份
hh:小时数，从0（午夜）到23（晚11点）
mm:分钟数，从0到59的整数
ss:秒数，从0到59的整数
ms:毫秒数，为大于等于0的整数，表示的是需要创建的时间和GMT时间1970年1月1日之间相差的毫秒数。

 

我发现了：

Javascript中日期的构造还可以支持 new Date("yyyy/MM/dd"); 其中：MM是整数表示月份从0（１月）到１１（１２月），这样再利用正则表达式就很方便地能够转换字符串日期了。

 

测试代码：

[javascript] view plain copy

1.  <mce:script type="text/javascript"><!--  
2.     document.write("<br/>" + new Date("February 3,2009"));  
3.     document.write("<br/>" + new Date("February 3,2009 10:52:03"));  
4.     document.write("<br/>");  
5.     document.write("<br/>" + new Date(2009,1,3));  
6.     document.write("<br/>" + new Date(2009,1,3,10,52,03));  
7.     document.write("<br/>");  
8.     document.write("<br/>" + new Date(Date.parse("February 3,2009")));  
9.     document.write("<br/>" + new Date(Date.parse("February 3,2009 10:52:03")));  
10.     document.write("<br/>" + new Date(Date.parse(2009,1,3))); //Output: NAN  
11.     document.write("<br/>" + new Date(Date.parse(2009,1,3,10,52,03)));    //Output: NAN  
12.     document.write("<br/>" + new Date(Date.parse("2009/02/03")));  
13.     document.write("<br/>");  
14.     document.write("<br/>" + new Date("2009/02/03"));  
15.     document.write("<br/>" + new Date("2009/02/03 11:12:13"));  
16.     document.write("<br/>" + new Date("2009-02-03")); //Output: NAN  
17.    
18. // --></mce:script>  

输出结果：

Tue Feb 3 00:00:00 UTC+0800 2009
Tue Feb 3 10:52:03 UTC+0800 2009

Tue Feb 3 00:00:00 UTC+0800 2009
Tue Feb 3 10:52:03 UTC+0800 2009

Tue Feb 3 00:00:00 UTC+0800 2009
Tue Feb 3 10:52:03 UTC+0800 2009
NaN
NaN
Tue Feb 3 00:00:00 UTC+0800 2009

Tue Feb 3 00:00:00 UTC+0800 2009
Tue Feb 3 11:12:13 UTC+0800 2009
NaN

另外，实际操作不一定这么轻松

下面是一个例子

<input type="hidden" id="a1" value="2010-4-15 12:34:00" />
<input type="hidden" id="a2" value="2010-4-15 12:34:00" />
<script type="text/javascript">
function parseDate(str) // 这个函数用来把字符串转换为日期格式
{
    return new Date(Date.parse(str.replace(/-/g,"/")));
}
var a1Date = parseDate(document.getElementById("a1").value);
var a2Date = parseDate(document.getElementById("a2").value);
if(a1Date.toLocaleDateString()==a2Date.toLocaleDateString())
{
    alert("是同一天");
}
else
{
    alert("不是同一天");
}
</script>

数据类型转换看起来很简单，但有些东西却很容易弄混淆，要想真正掌握它，也还是要花费一些功夫的。