`
guy19867
  • 浏览: 88448 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

js相关的类型转换

阅读更多

一、类型转换  

1.转换成字串 

ECMAScript的Boolean值、数字和字串的原始值的有趣之处在于它们是伪对象,这意味着它们实际上具有属性和方法。 
如: 

Js 代码
var   sColor =  "blue" ;   
  1. alert(sColor.length);//outputs "4"   



总而言之,3种主要的原始值Boolean值、数字和字串都有toString()方法。ECMAScript定义的所有对象都有toString()方法,无论它是伪对象,还是真的对象。 

Boolean型的toString()方法只是输出"true"或"false",结果由变量的值决定: 

Js 代码
var   bFound =  false ;   
  1. alert(bFound.toString());//outputs "false"   



Number类型的toString()方法比较特殊,它有两种模式,即默认模式和基模式,采用默认模式,toString()方法只是用相应的字符串输出数字值(无论是整数、浮点数还是科学记数法)。 

Js 代码
  1. var   iNum1 = 10;   
  2. var   fNum2 = 10.0;   
  3. alert(iNum1.toString());  //outputs "10"    
  4. alert(fNum2.toString());  //outputs "10"   



采用Number类型的toString()方法的基模式,可以用不同的基(进制基数)输出数字。 

Js 代码  
  1. var   iNum = 10;   
  2. alert(iNum.toString(2));  //outputs "1010"    
  3. alert(iNum.toString(8));  //outputs "12"    
  4. alert(iNum.toString(16));  //outputs "A"   



2.转换成数字 

ECMAScript提供了两种把非数字的原始值转换成数字的方法,即parseInt()和parseFloat()。 
注意:只有对String类型(Number除外)调用这些方法,才能正确运行对其他类型返回的都是NaN。 

例如: 

Js 代码
  1. var   iNum1 = parseInt("1234blue" );//returns 1234    
  2. var   iNum2 = parseInt("oxA" );  //returns 10    
  3. var   iNum3 = parseInt("22.5" );  //returns 22    
  4. var   iNum4 = parseInt("blue" );  //returns NaN   



parseInt()方法还有基模式,可以把二进制、八进制、十六进制或者其他任何进制的字符串转换成十进制整数。第二个参数指定按哪一种进制来解析。 

Js 代码
  1. var   iNum1 = parseInt("AF" ,16);// returns 175    
  2. var   iNum2 = parseInt("10" ,2);  // returns 2    
  3. var   iNum3 = parseInt("10" ,8);  //returns 8    
  4. var   iNum4 = parseInt("10" ,10);  //returns 10   



说明:如果十进制数包含前导0,那么最好采用基数10,否则得到的是八进制的值。 

Js 代码
  1. var   iNum1 = parseInt("010" );  // returns 8    
  2. var   iNum2 = parseInt("010" ,8);  //returns 8    
  3. var   iNum3 = parseInt("010" ,10);//returns 10   



parseFloat()方法与parseInt()方法的处理方式相似,从位置0开始查看每个字符,直到找到第一个非有效的字符为止,然后把该字符之前的字串转换成数字。对于这个方法来说,第一个出现的小数点是有效字符。如果用两个小数点,第二个小数点将被看作无效的。使用该方法的另一个不同之处在于,字串必须以十进制形式表示浮点数。 

Js 代码
  1. var   fNum1 = parseFloat("1234blue" );  //returns 1234.0    
  2. var   fNum2 = parseFloat("0xA" );  //returns NaN    
  3. var   fNum3 = parseFloat("22.5" );  //returns 22.5    
  4. var   fNum4 = parseFloat("22.34.5" );//returns 22.34    
  5. var   fNum5 = parseFloat("0908" );//returns NaN    
  6. var   fNum6 = parseFloat("blue" );//returns NaN   



3.强制类型转换  
ECMAScript中可用的3种强制类型转换 如下: 
(1).Boolean(value) 
把给定的值转换成Boolean型。 
当要转换的值是至少有一个字符的字符串、非0数字或对象时,Boolean()函数将返回true。如果该值是空字符串、数字0、undefined或null,它将返回false。 
如: 

Js 代码
  1. var   b1 = Boolean("" );  // false;    
  2. var   b2 = Boolean("hi" );//true    
  3. var   b3 = Boolean(100);//true    
  4. var   b4 = Boolean(null );//false    
  5. var   b5 = Boolean(0);//false    
  6. var   b6 = Boolean(new   Object());//true   



(2).Number(value) 
把给定的值转换成数字(可以是整数或浮点数)。 
还记得parseInt()和parseFloat()方法只转换第一个无效字符之前的字符串,因此"4.5.6"将被转换为"4.5"。用Number()进行强制类型转换 ,"4.5.6"将返回NaN,因为整个字符串值不能转换成数字。如果字符串能被完整地转换,Number()将判断是调用parseInt()方法还是调用parseFloat()方法。 
如: 

Js 代码
  1. Number(false );//0    
  2. Number(true );//1    
  3. Number(undefined);//NaN    
  4. Number(null );//0    
  5. Number("5.5" );//5.5    
  6. Number("56" );//56    
  7. Number("5.6.7" );//NaN    
  8. Number(new   Object());//NaN    
  9. Number(100);//100   



(3).String(value) 
把给定的值转换成字串。 
与调用toString()方法的唯一不同之处在于,对null或undefined值强制类型转换 可以生成字符串而不引发错误: 

Js 代码  
  1. var   s1 = String(null );//"null"    
  2. var   oNull =  null ;   
  3. var   s2 = oNull.toString();//causes an error   



二、引用类型 
引用类型通常叫作类(class),也就是说,遇到引用值时,所处理的就是对象。ECMAScript定义了“对象定义”,逻辑上等价于其他程序设计语言中的类。 

1.Object类 
ECMAScript中的所有类都由这个类继承而来,Object类中的所有属性和方法都会出现在其他类中(被覆盖)。 

Object类的属性: 

(1).Constructor----对创建对象的函数的引用(指针)。对于Object类,该指针指向原始的object()函数。 

(2).Prototype----对该对象的对象原型的引用。对于所有的类,它默认返回Object对象的一个实例。

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics