作家
登录

JS 类型转换常见方法小结

作者: 来源:www.28hudong.com 2013-03-30 01:32:47 阅读 我要评论

一、类型转换 1.转换成字串 ECMAScript的Boolean值、数字和字串的原始值的有趣之处在于它们是伪对象,这意味着它们实际上具有属性和方法。 如: Js代码 复制代码 代码如下: var sColor = "blue"; alert(sColor.length);//outputs "4" var sColor = "blue"; alert(sColor.length);//outputs "4" 总而言之,3种主要的原始值Boolean值、数字和字串都有toString()方法。ECMAScript定义的所有对象都有toString()方法,无论它是伪对象,还是真的对象。 Boolean型的toString()方法只是输出"true"或"false",结果由变量的值决定: Js代码 复制代码 代码如下: var bFound = false; alert(bFound.toString());//outputs "false" var bFound = false; alert(bFound.toString());//outputs "false" Number类型的toString()方法比较特殊,它有两种模式,即默认模式和基模式,采用默认模式,toString()方法只是用相应的字符串输出数字值(无论是整数、浮点数还是科学记数法)。 Js代码 复制代码 代码如下: var iNum1 = 10; var fNum2 = 10.0; alert(iNum1.toString()); //outputs "10" alert(fNum2.toString()); //outputs "10" var iNum1 = 10; var fNum2 = 10.0; alert(iNum1.toString()); //outputs "10" alert(fNum2.toString()); //outputs "10" 采用Number类型的toString()方法的基模式,可以用不同的基(进制基数)输出数字。 Js代码 复制代码 代码如下: var iNum = 10; alert(iNum.toString(2)); //outputs "1010" alert(iNum.toString(8)); //outputs "12" alert(iNum.toString(16)); //outputs "A" 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。 例如: Js代码 复制代码 代码如下: 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 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()方法还有基模式,可以把二进制、八进制、十六进制或者其他任何进制的字符串转换成十进制整数。第二个参数指定按哪一种进制来解析。 Js代码 复制代码 代码如下: 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 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,否则得到的是八进制的值。 Js代码 复制代码 代码如下: var iNum1 = parseInt("010"); // returns 8 var iNum2 = parseInt("010",8); //returns 8 var iNum3 = parseInt("010",10);//returns 10 var iNum1 = parseInt("010"); // returns 8 var iNum2 = parseInt("010",8); //returns 8 var iNum3 = parseInt("010",10);//returns 10 parseFloat()方法与parseInt()方法的处理方式相似,从位置0开始查看每个字符,直到找到第一个非有效的字符为止,然后把该字符之前的字串转换成数字。对于这个方法来说,第一个出现的小数点是有效字符。如果用两个小数点,第二个小数点将被看作无效的。使用该方法的另一个不同之处在于,字串必须以十进制形式表示浮点数。 Js代码 复制代码 代码如下: 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 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。 如: Js代码 复制代码 代码如下: 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 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()方法。 如: Js代码 复制代码 代码如下: 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 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值强制类型转换可以生成字符串而不引发错误: Js代码 复制代码 代码如下: var s1 = String(null);//"null" var oNull = null; var s2 = oNull.toString();//causes an error

  推荐阅读

  JavaScript中使用replace结合正则实现replaceAll的效果

方法: string.replace(new RegExp(oldString,"gm"),newString)) gm 分别代表: g=global, m=multiLine 大致上方法就是这样的,可以实现替换全部指定字串 另一个简单的验证JS的方法: 在浏览器地址栏输入 javascrip>>>详细阅读


本文标题:JS 类型转换常见方法小结

地址:http://www.17bianji.com/kaifa2/JS/26277.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)