详解JS转换数值函数Number()、parseInt()、parseFloat()


Posted in Javascript onAugust 24, 2018

JS中有三种函数可以将非数值转换成数值:Number()、parseInt()和parseFloat()。第一个函数,即转型函数Number()可以用于任何数据类型,而另外两个函数则专门用于把字符串转换成数值。这3个函数对于同样的输入会返回不同的结果。

Number()

Number()函数的转换规则如下:

•如果参数是Date对象,返回从1970年1月1日至今的毫秒数。
•如果是Boolean值,true和false将分别被替换为1和0
•如果是数字值,只是简单的传入和返回
•如果是null值,返回0
•如果是undefined,返回NaN
•如果是字符串,遵循下列规则: •如果字符串只包含数字(包括十六进制格式“0x”),则将其转换成对应的十进制。
•如果字符串是空的,返回0。
•如果字符串包含其它字符,返回NaN。

•如果是对象,则调用对象的valueOf()方法,然后依照前面的规则转换返回的值。如果转换的结果是NaN,则调用对象的toString()方法,然后再依次按照前面的规则转换返回的字符串值。

document.write(Number(true)+"<br/>"); //返回1
document.write(Number(false)+"<br/>"); //返回0
document.write(Number(null)+"<br/>"); //返回0
document.write(Number(undefined)+"<br/>"); //返回NaN
document.write(Number("001")+"<br/>"); //返回1
document.write(Number("001.1")+"<br/>"); //返回1.1
document.write(Number("0x10")+"<br/>"); //返回16
document.write(Number(new String("11aa"))+"<br/>"); //返回NaN

parseInt()

返回由字符串转换得到的整数。

parseInt(numString, [radix])

参数

numString必选项。要转换为数字的字符串。radix可选项。在 2 和 36 之间的表示 numString 所保存数字的进制的值。如果没有提供,则前缀为 '0x' 的字符串被当作十六进制,前缀为 '0' 的字符串被当作八进制。所有其它字符串都被当作是十进制的。

说明

parseInt()方法返回与保存在numString中的数字值相等的整数。如果numString的前缀不能解释为整数,则返回NaN(而不是数字)。它会忽略字符串前面的空格,直至找到第一个非空格字符。

示例

document.write(parseInt("1")+"<br/>"); //返回1
document.write(parseInt("  1")+"<br/>"); //返回1
document.write(parseInt("1.1")+"<br/>"); //返回1
document.write(parseInt("11aa")+"<br/>"); //返回11
document.write(parseInt("020")+"<br/>"); //返回16(八进制)
document.write(parseInt("")+"<br/>"); //返回NaN
document.write(parseInt("AF")+"<br/>"); //返回NaN
document.write(parseInt("AF",16)+"<br/>"); //返回175
document.write(parseInt("0xAF")+"<br/>"); //返回175

parseFloat()

返回由字符串转换得到的浮点数。

parseFloat(numString)

必选项 numString 参数是包含浮点数的字符串。

说明

parseFloat()返回与numString中保存的数相等的数字表示。如果numString的前缀不能解释为浮点数,则返回NaN(而不是数字)。

总结

以上所述是小编给大家介绍的JS转换数值函数Number()、parseInt()、parseFloat(),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JQuery 1.3.2以上版本中出现pareseerror错误的解决方法
Jan 11 Javascript
实用的JS正则表达式(手机号码/IP正则/邮编正则/电话等)
Jan 11 Javascript
js一般方法改写成面向对象方法的无限级折叠菜单示例代码
Jul 04 Javascript
JS基于FileSystemObject创建一个指定路径的TXT文本文件
Aug 05 Javascript
js实现鼠标点击文本框自动选中内容的方法
Aug 20 Javascript
Vuejs第十三篇之组件——杂项
Sep 09 Javascript
Bootstrap模态对话框中显示动态内容的方法
Aug 10 Javascript
Vue根据条件添加click事件的方式
Nov 09 Javascript
微信小程序 scroll-view 实现锚点跳转功能
Dec 12 Javascript
webpack+vue.js构建前端工程化的详细教程
May 10 Javascript
JS继承实现方法及优缺点详解
Sep 02 Javascript
vue祖孙组件之间的数据传递案例
Dec 07 Vue.js
浅谈ElementUI中switch回调函数change的参数问题
Aug 24 #Javascript
深入理解JS中Number(),parseInt(),parseFloat()三者比较
Aug 24 #Javascript
微信小程序支付PHP代码
Aug 23 #Javascript
vue+axios 前端实现的常用拦截的代码示例
Aug 23 #Javascript
详解如何配置vue-cli3.0的vue.config.js
Aug 23 #Javascript
JS使用Date对象实时显示当前系统时间简单示例
Aug 23 #Javascript
React key值的作用和使用详解
Aug 23 #Javascript
You might like
解析php中的fopen()函数用打开文件模式说明
2013/06/20 PHP
php对图像的各种处理函数代码小结
2013/07/08 PHP
迅速确定php多维数组的深度的方法
2014/01/07 PHP
thinkPHP中U方法加密传递参数功能示例
2018/05/29 PHP
PHP基于PDO扩展操作mysql数据库示例
2018/12/24 PHP
关于laravel5.5的定时任务详解(demo)
2019/10/23 PHP
js实现瀑布流的一种简单方法实例分享
2013/11/04 Javascript
jQuery制作简洁的图片轮播效果
2015/04/03 Javascript
JavaScript中的setUTCDate()方法使用详解
2015/06/11 Javascript
js实现超简单的展开、折叠目录代码
2015/08/28 Javascript
Bootstrap每天必学之下拉菜单
2015/11/25 Javascript
全面介绍javascript实用技巧及单竖杠
2016/07/18 Javascript
微信小程序 开发之快递查询功能的实现
2017/01/09 Javascript
vue-cli 组件的导入与使用教程详解
2018/04/11 Javascript
原生JS进行前后端同构
2018/04/22 Javascript
微信小程序自定义tabBar组件开发详解
2020/09/24 Javascript
vue自定义指令之面板拖拽的实现
2019/04/14 Javascript
layui写后台表格思路和赋值用法详解
2019/11/14 Javascript
vue中上传视频或图片或图片和文字一起到后端的解决方法
2019/12/01 Javascript
Python中的yield浅析
2014/06/16 Python
Java分治归并排序算法实例详解
2017/12/12 Python
python遍历一个目录,输出所有的文件名的实例
2018/04/23 Python
pandas 数据归一化以及行删除例程的方法
2018/11/10 Python
解决Django加载静态资源失败的问题
2019/07/28 Python
Keras中的两种模型:Sequential和Model用法
2020/06/27 Python
CSS3使用多列制作瀑布流
2016/05/10 HTML / CSS
CSS3中的Transition过度与Animation动画属性使用要点
2016/05/20 HTML / CSS
经济管理专业毕业生推荐信
2013/11/11 职场文书
中学家长会邀请函
2014/01/17 职场文书
运动会闭幕式解说词
2014/02/21 职场文书
大专应届毕业生求职信
2014/07/15 职场文书
2014年心理健康教育工作总结
2014/12/06 职场文书
傲慢与偏见电影观后感
2015/06/10 职场文书
2015年学校综合治理工作总结
2015/07/20 职场文书
毕业生入职感言
2015/07/31 职场文书
装修安全责任协议书
2016/03/22 职场文书