您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

js类型转换与引用类型详解

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 本篇文章主要是对js中的类型转换与引用类型(Boolean_Number_String)进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助

一、类型转换    1.转换成字串  ECMAScript的Boolean值、数字和字串的原始值的有趣之处在于它们是伪对象,这意味着它们实际上具有属性和方法。  如:     代码如下: var sColor = "blue"; alert(sColor.length);//outputs "4"   总而言之,3种主要的原始值Boolean值、数字和字串都有toString()方法。ECMAScript定义的所有对象都有toString()方法,无论它是伪对象,还是真的对象。    Boolean型的toString()方法只是输出"true"或"false",结果由变量的值决定:     代码如下: var bFound = false; alert(bFound.toString());//outputs "false"   Number类型的toString()方法比较特殊,它有两种模式,即默认模式和基模式,采用默认模式,toString()方法只是用相应的字符串输出数字值(无论是整数、浮点数还是科学记数法)。   代码如下: var iNum1 = 10; var fNum2 = 10.0; alert(iNum1.toString()); //outputs "10" alert(fNum2.toString()); //outputs "10"   采用Number类型的toString()方法的基模式,可以用不同的基(进制基数)输出数字。   代码如下: var iNum = 10; alert(iNum.toString(2));  //outputs "1010" alert(iNum.toString(8));  //outputs "12" alert(iNum.toString(16)); //outputs "A"   2.转换成数字  ECMAScript提供了两种把非数字的原始值转换成数字的方法,即parseInt()和parseFloat()。  注意:只有对String类型(Number除外)调用这些方法,才能正确运行对其他类型返回的都是NaN。    例如:     代码如下: var iNum1 = parseInt("1234blue");//returns 1234 var iNum2 = parseInt("oxA"); //returns 10 var iNum3 = parseInt("22.5"); //returns 22 var iNum4 = parseInt("blue"); //returns NaN   parseInt()方法还有基模式,可以把二进制、八进制、十六进制或者其他任何进制的字符串转换成十进制整数。第二个参数指定按哪一种进制来解析。   代码如下: var iNum1 = parseInt("AF",16);// returns 175 var iNum2 = parseInt("10",2); // returns 2 var iNum3 = parseInt("10",8); //returns 8 var iNum4 = parseInt("10",10); //returns 10   说明:如果十进制数包含前导0,那么最好采用基数10,否则得到的是八进制的值。  代码如下: var iNum1 = parseInt("010");  // returns 8 var iNum2 = parseInt("010",8); //returns 8 var iNum3 = parseInt("010",10);//returns 10   parseFloat()方法与parseInt()方法的处理方式相似,从位置0开始查看每个字符,直到找到第一个非有效的字符为止,然后把该字符之前的字串转换成数字。对于这个方法来说,第一个出现的小数点是有效字符。如果用两个小数点,第二个小数点将被看作无效的。使用该方法的另一个不同之处在于,字串必须以十进制形式表示浮点数。   代码如下: var fNum1 = parseFloat("1234blue"); //returns 1234.0 var fNum2 = parseFloat("0xA"); //returns NaN var fNum3 = parseFloat("22.5"); //returns 22.5 var fNum4 = parseFloat("22.34.5");//returns 22.34 var fNum5 = parseFloat("0908");//returns NaN var fNum6 = parseFloat("blue");//returns NaN   3.强制类型转换  ECMAScript中可用的3种强制类型转换如下:    (1).Boolean(value)  把给定的值转换成Boolean型。  当要转换的值是至少有一个字符的字符串、非0数字或对象时,Boolean()函数将返回true。如果该值是空字符串、数字0、undefined或null,它将返回false。  如:     代码如下: var b1 = Boolean(""); // false; var b2 = Boolean("hi");//true var b3 = Boolean(100);//true var b4 = Boolean(null);//false var b5 = Boolean(0);//false var b6 = Boolean(new Object());//true   (2).Number(value)  把给定的值转换成数字(可以是整数或浮点数)。  还记得parseInt()和parseFloat()方法只转换第一个无效字符之前的字符串,因此"4.5.6"将被转换为"4.5"。用Number()进行强制类型转换,"4.5.6"将返回NaN,因为整个字符串值不能转换成数字。如果字符串能被完整地转换,Number()将判断是调用parseInt()方法还是调用parseFloat()方法。  如:   代码如下: Number(false);//0 Number(true);//1 Number(undefined);//NaN Number(null);//0 Number("5.5");//5.5 Number("56");//56 Number("5.6.7");//NaN Number(new Object());//NaN Number(100);//100   (3).String(value)  把给定的值转换成字串。  与调用toString()方法的唯一不同之处在于,对null或undefined值强制类型转换可以生成字符串而不引发错误:   代码如下: var s1 = String(null);//"null" var oNull = null; var s2 = oNull.toString();//causes an error   二、引用类型  引用类型通常叫作类(class),也就是说,遇到引用值时,所处理的就是对象。ECMAScript定义了“对象定义”,逻辑上等价于其他程序设计语言中的类。    1.Object类  ECMAScript中的所有类都由这个类继承而来,Object类中的所有属性和方法都会出现在其他类中(被覆盖)。    Object类的属性:    (1).Constructor----对创建对象的函数的引用(指针)。对于Object类,该指针指向原始的object()函数。    (2).Prototype----对该对象的对象原型的引用。对于所有的类,它默认返回Object对象的一个实例。    Object类的方法:    (1).HasOwnProperty(property)----判断对象是否有某个特定的属性。必须用字符串指定该属性(例如:o.hasOwnProperty("name"))。    (2).IsPrototypeOf(object)----判断该对象是否为另一个对象的原型。    (3).PropertyIsEnumerable(property)----判断给定的属性是否可以用for..in语句进行枚举。    (4).ToString()----返回对象的原始字符串表示。不同的ECMAScript实现具有不同的值。    (5).ValueOf()----返回最适合该对象的原始值。对于许多类,该方法返回的值都与toString()的返回值相同。    2.Boolean类  在ECMAScript中很少使用Boolean对象,即使使用,也不易理解。  例如:     代码如下: var oFalseObject  = new Boolean(false); var bResult = oFalseObject  && true;//outputs  true;   原因:在Boolean表达式中,所有对象都会被自动转换为true。    3.Number类  Number.MAX_VALUE等等特殊值都Number类的静态属性。要得到数字对象的Number原始值,只需要使用valueOf()方法:  var iNumber = oNumberObject.valueOf();  除从Object类继承的标准方法外,Number类还有几个处理数值的专用方法。    toFixed()方法:  返回的是具有指定位数小数的数字的字符串表示。方法能表示具有0到20位小数的数字,超出这个范围的值会引发错误。  如:     代码如下: var oNumberObject = new Number(99); aler(oNumberObject.toFixed(2));//outputs "99.00"   toExponential()方法:  返回的是用科学记数法表示的数字的字符串形式。该方法也有一个参数,指定要输出的小数的位数。例如:  代码如下: var oNumberObj = new Number(99); alert(oNumberObj.toExponential(1));//outputs "9.9e+1"   toPrecision()方法:  根据最有意义的形式来返回数字的预定形式或指数形式。它有一个参数,即用于表示数的数字总数(不包括指数)。   代码如下: var oNumberObj = new Number(99); alert(oNumberObj.toPrecision(1));//outputs "1e+2" ==100   可以看出,toPrecision()方法会对数进行舍入,从而得到尽可能接近真实值的数。  如:  代码如下: var oNumberObj = new Number(99); alert(oNumberObj.toPrecision(2));// outputs "99" alert(oNumberObj.toPrecision(3));// outputs "99.0"   toFixed()、toExponential()和toPrecision()方法都会进行舍入操作,以便用正确的小数位数正确地表示一个数。    toLocaleString()方法:  可以在页面上格式显示,如5210.50显示为5,210.50,但是如果在使用其值时,应该用parseFloat($("N_YJJE").value.replace(//,/g, ""));的形式替换掉逗号,后得到其值。    注意:与Boolean对象相似,Number对象也很重要,不过应该少用这种对象,以避免发生潜在的问题。只要可能,都使用数字的原始表示法。    4.String类  String对象的valueOf()方法和toString()方法都会返回String型的原始值:&nb