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 相关文章推荐
用jQuery打造TabPanel效果代码
May 22 Javascript
jquery给图片添加鼠标经过时的边框效果
Nov 12 Javascript
javascript基本类型详解
Nov 28 Javascript
jquery通过ajax加载一段文本内容的方法
Jan 15 Javascript
jQuery统计指定子元素数量的方法
Mar 17 Javascript
BootStrap网页中代码显示用法详解
Oct 21 Javascript
微信小程序 textarea 组件详解及简单实例
Jan 10 Javascript
基于vue实现多引擎搜索及关键字提示
Mar 16 Javascript
js浏览器滚动条卷去的高度scrolltop(实例讲解)
Jul 07 Javascript
深入理解与使用keep-alive(配合router-view缓存整个路由页面)
Sep 25 Javascript
vue使用screenfull插件实现全屏功能
Sep 17 Javascript
JavaScript/TypeScript 实现并发请求控制的示例代码
Jan 18 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笔记之:日期函数的使用介绍
2013/04/24 PHP
WordPress中给文章添加自定义字段及后台编辑功能区域
2015/12/19 PHP
PHP编程实现计算抽奖概率算法完整实例
2017/08/09 PHP
Laravel 实现在Blade模版中使用全局变量代替路径的例子
2019/10/22 PHP
js 禁用只读文本框获得焦点时的退格键
2010/04/25 Javascript
checkbox勾选判断代码分析
2014/06/11 Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
2016/08/25 Javascript
jQuery中fadein与fadeout方法用法示例
2016/09/16 Javascript
switch语句的妙用(必看篇)
2016/10/03 Javascript
Javascript计算二维数组重复值示例代码
2016/12/18 Javascript
React进阶学习之组件的解耦之道
2017/08/07 Javascript
详解react使用react-bootstrap当轮子造车
2017/08/15 Javascript
js实现图片放大展示效果
2017/08/30 Javascript
vue项目实战总结篇
2018/02/11 Javascript
vue数据传递--我有特殊的实现技巧
2018/03/20 Javascript
javascript数组去重方法总结(推荐)
2019/03/20 Javascript
使用Phantomjs和Node完成网页的截屏快照的方法
2019/07/16 Javascript
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
2019/09/28 Javascript
JS Generator 函数的含义与用法实例总结
2020/04/08 Javascript
详解vuejs中执行npm run dev出现页面cannot GET/问题
2020/04/26 Javascript
解决vue的router组件component在import时不能使用变量问题
2020/07/26 Javascript
Python获取网页上图片下载地址的方法
2015/03/11 Python
日常整理python执行系统命令的常见方法(全)
2015/10/22 Python
python正则表达式及使用正则表达式的例子
2018/01/22 Python
python2和python3的输入和输出区别介绍
2018/11/20 Python
Python 3.8 新功能来一波(大部分人都不知道)
2020/03/11 Python
Jupyter Notebook远程登录及密码设置操作
2020/04/10 Python
HTML5实现移动端复制功能
2018/04/19 HTML / CSS
什么是类的返射机制
2016/02/06 面试题
正隆泰信息技术有限公司上机题
2012/06/14 面试题
大型车展策划方案
2014/02/01 职场文书
企业贷款委托书格式
2014/09/12 职场文书
党员反对四风思想汇报范文
2014/10/25 职场文书
创业计划书之情侣餐厅
2019/09/29 职场文书
新手,如何业余时间安排好写作、提高写作能力?
2019/10/21 职场文书
在虚拟机中安装windows server 2008的图文教程
2022/06/28 Servers