JavaScript高级程序设计阅读笔记（四） ECMAScript中的类型转换

更新时间：2012年02月27日 23:34:09 作者：

ECMAScript中的类型转换，学习js的朋友可以看看

2.7 类型转换
1、转换成字符串
　　所有对象都有toString()方法可以转换成字符串，要注意的是Number类型的toString()方法，它有两种模式，即默认模式和基模式，采用默认模式toString()方法只是用相应的字符串输出对应的10进制数字值，用基模式可以用不同的基输出数字。示例：

复制代码代码如下:

 
var iNum1=10; 
var iNum2=10.0; 
var iNum3=10; 
alert(iNum1.toString()); //outpus "10" 
alert(iNum2.toString()); //outpus "10" 
alert(iNum3.toString(2)); //outpus "1010" 
alert(iNum3.toString(8)); //outpus "12" 
alert(iNum3.toString(16)); //outpus "A" 

2、转换成数字
　　ECMAScript提供了两种把非数字的原始值转换成数字的方法：parseInt()和parseFloat()，需要注意的是parseInt()是逐个字符转换的，直到非数字字符为止。示例程序如下：

复制代码代码如下:

 
var iNum1=parseInt("1234blue"); //returns 1234 
var iNum2=parseInt("0xA"); //returns 10 
var iNum3=parseInt("22.5"); //returns 22 
var iNum4=parseInt("blue"); //returns NaN 

parseInt()方法还有基模式，可以把二进制，八进制，十六进制或其他任何进制的字符串转换成整数。基是由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要用基数模式 
var iNum5=parseInt("010"); //returns 8 
var iNum6=parseInt("010",8); //returns 8 
var iNum7=parseInt("010",10); //returns 10 

paraseFloat()没有基模式，其他与parseInt()大致相同，示例：

复制代码代码如下:

 
var fNum1=paraseFloat("1234blue"); //returns 1234.0 
var fNum2=paraseFloat("0xA"); //returns NaN 
var fNum3=paraseFloat("22.5"); //returns 22.5 
var fNum4=paraseFloat("22.34.5"); //returns 22.34 
var fNum5=paraseFloat("0908"); //returns 908 
var fNum6=paraseFloat("blue"); //returns NaN 

3、强制类型转换
　　ECMAScript中可用的强制类型转换如下：
　　Boolean(value)——把给定的值转换成Boolean型
　　Number(value)——把给定的值转换成数字(可以是整数或浮点数)
　　String(value)——把给定的值转换成字符串
　　示例：

复制代码代码如下:

 
var b1=Boolean(""); //false - empty string 
var b2=Boolean("hi"); //true - not empty string 
var b3=Boolean(100); //true - not zero number 
var b4=Boolean(null); //false - null 
var b5=Boolean(0); //false - zero 
var b6=Boolean(new Object()); //true object 
var i1=Number(false); //0 
var i2=Number(true); //1 
var i3=Number(undefined); //NaN 
var i4=Number(null); //0 
var f5=Number("5.5"); //5.5 
var i6=Number("56"); //56 
var i7=Number("5.6.7"); //NaN 
var i8=Number(new Object()); //NaN 
var i9=Number(100); //100 

作者：天行健，自强不息

您可能感兴趣的文章:

JavaScript中this的四个绑定规则总结
相信大家都知道，ES5及之前时代的JavaScript中this的绑定机制是让很多开发者头疼不已的事情。this 的绑定变化多端，让笔者也吃了不少亏。所以本文总结了this的四条绑定规则，在此记录，以防自己遗忘，也方便他人参考借鉴。下面来一起看看吧。
2016-09-09
JS实现网页游戏中滑块响应鼠标点击移动效果
这篇文章主要介绍了JS实现网页游戏中滑块响应鼠标点击移动效果,涉及JavaScript针对页面鼠标事件、滚动事件及元素属性等相关操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-10-10
微信小程序wxml不能使用Array.includes条件判断解决方法
这篇文章主要为大家介绍了微信小程序wxml不能使用Array.includes条件判断解决方法，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-11-11
js页面跳转的常用方法整理
跳转页面的方法有很多，在本文整理了一些比较常用，并有示例代码，感兴趣的朋友可以参考下
2013-10-10
解读input标签的value属性及name属性
这篇文章主要介绍了解读input标签的value属性，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-01-01
JavaScript 全面解析各种浏览器网页中的JS 执行顺序
近来我通过一些测试以全面的解析网页在各种浏览器中的JavaScript代码的执行顺序，在这儿做个记录。
2009-02-02
js实现可输入可选择的select下拉框
这篇文章主要为大家详细介绍了js实现可输入可选择的select下拉框，可及时匹配包含输入的内容，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
JavaScript简单实现弹出拖拽窗口（一）
这篇文章主要为大家详细介绍了JavaScript简单实现弹出拖拽窗口的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-06-06
es6函数之尾递归用法实例分析
这篇文章主要介绍了es6函数之尾递归用法,结合实例形式分析了es6函数尾递归原理、用法及操作注意事项,需要的朋友可以参考下
2020-04-04
JS实现给不同元素设置不同的定时器
这篇文章主要为大家详细介绍了JS实现给不同元素设置不同的定时器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07