详解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 相关文章推荐
发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载
Jul 21 Javascript
jQuery 拖动层(在可视区域范围内)
May 24 Javascript
分享精心挑选的12款优秀jQuery Ajax分页插件和教程
Aug 09 Javascript
关于eval 与new Function 到底该选哪个?
Apr 17 Javascript
js改变img标签的src属性在IE下没反应的解决方法
Jul 23 Javascript
js控制div弹出层实现方法
May 11 Javascript
AngularJS 2.0新特性有哪些
Feb 18 Javascript
利用Js+Css实现折纸动态导航效果实例源码
Jan 25 Javascript
生产制造追溯系统之再说条码打印
Jun 03 Javascript
JavaScript中this函数使用实例解析
Feb 21 Javascript
JavaScript中的各种宽高属性的实现
May 08 Javascript
抖音短视频(douyin)去水印工具的实现代码
Mar 30 Javascript
浅谈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+mysqli实现批量执行插入、更新及删除数据的方法
2015/01/29 PHP
PHP处理postfix邮件内容的方法
2015/06/16 PHP
php结合curl实现多线程抓取
2015/07/09 PHP
Javascript 面向对象 对象(Object)
2010/05/13 Javascript
Jquery中dialog属性小记
2010/09/03 Javascript
jquery如何扑捉回车键触发的事件
2014/04/24 Javascript
js获取 type=radio 值的方法
2014/05/09 Javascript
JavaScript实现图片轮播组件代码示例
2016/11/22 Javascript
探究JavaScript中的五种事件处理程序方式
2016/12/07 Javascript
AngularJS封装$http.post()实例详解
2017/05/06 Javascript
Vue Spa切换页面时更改标题的实例代码
2017/07/15 Javascript
p5.js 毕达哥拉斯树的实现代码
2018/03/23 Javascript
浅谈在Vue.js中如何实现时间转换指令
2019/01/06 Javascript
JS添加或删除HTML dom元素的方法实例分析
2019/03/05 Javascript
微信小程序自定义弹窗实现详解(可通用)
2019/07/04 Javascript
Python中关键字is与==的区别简述
2014/07/31 Python
Python制作简单的网页爬虫
2015/11/22 Python
python脚本替换指定行实现步骤
2017/07/11 Python
python字典操作实例详解
2017/11/16 Python
利用python3随机生成中文字符的实现方法
2017/11/24 Python
PyTorch学习笔记之回归实战
2018/05/28 Python
python利用ffmpeg进行录制屏幕的方法
2019/01/10 Python
Python实现删除排序数组中重复项的两种方法示例
2019/01/31 Python
如何在Django项目中引入静态文件
2019/07/26 Python
利用matplotlib实现根据实时数据动态更新图形
2019/12/13 Python
在keras里实现自定义上采样层
2020/06/28 Python
利用css3 translate完美实现表头固定效果
2017/02/28 HTML / CSS
canvas学习笔记之2d画布基础的实现
2019/02/21 HTML / CSS
如何在Canvas中添加事件的方法示例
2019/05/21 HTML / CSS
世界上最大的餐具公司:Oneida
2016/12/17 全球购物
澳大利亚第一旅行车和房车配件店:Caravan RV Camping
2020/12/26 全球购物
外贸销售员求职的自我评价
2013/11/23 职场文书
新学期教师寄语
2014/04/02 职场文书
2015年小学体育工作总结
2015/05/22 职场文书
谁动了我的奶酪读书笔记
2015/06/30 职场文书
小型婚礼主持词
2015/06/30 职场文书