javascript显式类型转换实例分析


Posted in Javascript onApril 25, 2015

本文实例讲述了javascript显式类型转换的方法。分享给大家供大家参考。具体分析如下:

尽管js可以做许多自动类型转换,但某些时候仍然需要做显示类型转换或为了代码逻辑清晰易读而做显示类型转换。

做显示类型转换最简单的方法就是用Boolean()、Number()、String()或Object()函数:

Number("3") //3
String(false)  //"false"
false.toString()//同上
Boolean([]) //true
Object(3)  //new Number(3)

js中的某些运算符会做隐式类型转换,比如:
若+运算符一个操作数是字符串,则它会将另一个操作数转换为字符串;
一元+运算符将其操作数转换为数字;
一元!运算符将操作数转换为布尔值并取反;
代码中经常可以看到如下类型转换的用法:

x+"" //等价于String(x)
+x //等价于Number(x)
x-0 //同上
!!x //等价于Boolean(x),是双叹号哦

Number类定义的toString()方法可以按转换基数(radix)将数字转换为其它进制数的字符串表示(2-36之间):

var n =11;
bin_str = n.toString(2);
oct_str = "0" + n.toString(8);
hex_str = "0x" + n.toString(16);

Number类还为数字到字符串的类型转换场景定义了另外3个方法:
toFixed()根据小数点后的指定位数将数字转换为字符串,它从不使用指数记数法。

11.113344.toFixed(5) //"11.11334"

toExponential()使用指数记数法将数字转换为指数形式的字符串,其中小数点前只有一位,小数点后位数由参数指定:

11.113359.toExponential(5) //"1.11134e+1"

toPrecision()根据指定的有效数字位数将数字转换为字符串,如果有效数字位数小于数字整数部分的位数则转换为指数形式。
以上3个方法都会适当的进行四舍五入或填充0.

需要说明的是前面提到的Number()函数只能基于十进制数进行转换,而且不能出现非法字符。我们可以使用全局函数(不属于任何类的方法)parseInt或parseFloat函数来进行字符串到数字的转换;

parseInt()只解析整数,而parseFloat()可以解析整数和浮点数。

如果字符串前缀为”0x”或者”0X”,parseInt()将其解释为16进制数;parseInt和parseFloat都会跳过任意数量的前导空格,且尽可能解析更多的数值字符;如果第一个非空格字符是非法数字,则返回NaN。

parseInt可以接收第二个可选参数,该参数指定数字转换的基数,取值范围是2-36.

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
游戏人文件夹程序 ver 3.0
Jul 14 Javascript
分享精心挑选的23款美轮美奂的jQuery 图片特效插件
Aug 14 Javascript
jQuery动态地获取系统时间实现代码
May 24 Javascript
js中继承的几种用法总结(apply,call,prototype)
Dec 26 Javascript
node.js中的emitter.emit方法使用说明
Dec 10 Javascript
jquery实现可自动判断位置的弹出层效果代码
Oct 12 Javascript
深入剖析javascript中的exec与match方法
May 18 Javascript
js实现获取两个日期之间所有日期的方法
Jun 17 Javascript
使用JSON作为函数的参数的优缺点
Oct 27 Javascript
详解webpack+angular2开发环境搭建
Jun 28 Javascript
js实现左右两侧浮动广告
Jul 09 Javascript
使用mpvue搭建一个初始小程序及项目配置方法
Dec 03 Javascript
javascript原始值和对象引用实例分析
Apr 25 #Javascript
JavaScript分页功能的实现方法
Apr 25 #Javascript
JavaScript实现图片DIV竖向滑动的方法
Apr 25 #Javascript
JavaScript实现梯形乘法表的方法
Apr 25 #Javascript
js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法
Apr 25 #Javascript
JavaScript获取DOM元素的11种方法总结
Apr 25 #Javascript
在线所见即所得HTML编辑器的实现原理浅析
Apr 25 #Javascript
You might like
使用PHP制作新闻系统的思路
2006/10/09 PHP
用PHP的超级变量$_GET获取HTML表单(Form) 数据
2011/05/07 PHP
Laravel框架实现发送短信验证功能代码
2016/06/06 PHP
Thinkphp 空操作、空控制器、命名空间(详解)
2017/05/05 PHP
jquery 简短右键菜单 多浏览器兼容
2010/01/01 Javascript
基于JQuery的一个简单的鼠标跟随提示效果
2010/09/23 Javascript
C#中TrimStart,TrimEnd,Trim在javascript上的实现
2011/01/17 Javascript
《JavaScript高级程序设计》阅读笔记(三) ECMAScript中的引用类型
2012/02/27 Javascript
Javascript优化技巧之短路表达式详细介绍
2015/03/27 Javascript
JavaScript实现Iterator模式实例分析
2015/06/09 Javascript
贴近用户体验的Jquery日期、时间选择插件
2015/08/19 Javascript
获取当前月(季度/年)的最后一天(set相关操作及应用)
2016/12/27 Javascript
jquery实现手机端单店铺购物车结算删除功能
2017/02/22 Javascript
Vue实现购物车功能
2017/04/27 Javascript
Js自定义多选框效果的实例代码
2017/07/05 Javascript
vue组件之间通信实例总结(点赞功能)
2018/12/05 Javascript
vue添加class样式实例讲解
2019/02/12 Javascript
JavaScript使用localStorage存储数据
2019/09/25 Javascript
js实现数字滚动特效
2019/12/16 Javascript
详解javascript中var与ES6规范中let、const区别与用法
2020/01/11 Javascript
详解如何修改 node_modules 里的文件
2020/05/22 Javascript
如何在postman测试用例中实现断言过程解析
2020/07/09 Javascript
Python格式化压缩后的JS文件的方法
2015/03/05 Python
Python的Django框架中的数据库配置指南
2015/07/17 Python
Python开发之快速搭建自动回复微信公众号功能
2016/04/22 Python
回调函数的意义以及python实现实例
2017/06/20 Python
python 获取字符串MD5值方法
2018/05/29 Python
将python运行结果保存至本地文件中的示例讲解
2019/07/11 Python
解决Python3 控制台输出InsecureRequestWarning问题
2019/07/15 Python
python 解决cv2绘制中文乱码问题
2019/12/23 Python
荷兰和比利时时尚鞋店:Van Dalen
2018/04/23 全球购物
考试不及格检讨书
2014/01/09 职场文书
会计专业毕业生求职信
2014/07/04 职场文书
企业战略合作意向书
2015/05/08 职场文书
2015年关爱留守儿童工作总结
2015/05/22 职场文书
java固定大小队列的几种实现方式详解
2021/07/15 Java/Android