详解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 事件冒泡的介绍以及如何阻止事件冒泡
Dec 25 Javascript
jQuery中prev()方法用法实例
Jan 08 Javascript
基于jQuery实现网页进度显示插件
Mar 04 Javascript
全面解析JavaScript里的循环方法之forEach,for-in,for-of
Apr 20 Javascript
深入浅析JavaScript的API设计原则
Jun 14 Javascript
jquery表单插件Autotab使用方法详解
Jun 24 Javascript
javascript 实现动态侧边栏实例详解
Nov 11 Javascript
angularjs点击图片放大实现上传图片预览
Feb 24 Javascript
js封装成插件的步骤方法
Sep 11 Javascript
Vuepress 搭建带评论功能的静态博客的实现
Feb 17 Javascript
vue 详情跳转至列表页实现列表页缓存
Mar 27 Javascript
axios 实现post请求时把对象obj数据转为formdata
Oct 31 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中取得文件的后缀名?
2012/02/20 PHP
PHP 字符串长度判断效率更高的方法
2014/03/02 PHP
PHP中Http协议post请求参数
2015/11/02 PHP
PHP爬虫之百万级别知乎用户数据爬取与分析
2016/01/22 PHP
jQuery获得IE版本不准确webbrowser的解决方法
2014/02/23 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
2014/09/04 Javascript
基于jquery实现一个滚动的分步注册向导-附源码
2015/08/26 Javascript
js简单设置与使用cookie的方法
2016/01/22 Javascript
jQuery实现滚动鼠标放大缩小图片的方法(附demo源码下载)
2016/03/05 Javascript
jQuery EasyUI封装简化操作
2016/09/18 Javascript
Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例
2017/01/22 Javascript
微信小程序 参数传递实例代码
2017/03/20 Javascript
Angular4编程之表单响应功能示例
2017/12/13 Javascript
使用socket.io制做简易WEB聊天室
2018/01/02 Javascript
vuex实现登录状态的存储,未登录状态不允许浏览的方法
2018/03/09 Javascript
node.js中对Event Loop事件循环的理解与应用实例分析
2020/02/14 Javascript
js实现简单放大镜效果
2020/03/07 Javascript
解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
2020/08/14 Javascript
js+cavans实现图片滑块验证
2020/09/29 Javascript
通过实例解析javascript Date对象属性及方法
2020/11/04 Javascript
Python2.x版本中基本的中文编码问题解决
2015/10/12 Python
Pandas实现数据类型转换的一些小技巧汇总
2018/05/07 Python
opencv python 基于KNN的手写体识别的实例
2018/08/03 Python
python实现二级登陆菜单及安装过程
2019/06/21 Python
python中 * 的用法详解
2019/07/10 Python
阿里云ECS服务器部署django的方法
2019/08/29 Python
python 初始化一个定长的数组实例
2019/12/02 Python
纯CSS3实现Material Design效果
2017/03/09 HTML / CSS
一些网络技术方面的面试题
2014/05/01 面试题
音乐表演专业毕业生求职信
2013/10/14 职场文书
面试求职的个人自我评价
2013/11/16 职场文书
我的动漫时代的创业计划书范文
2014/01/27 职场文书
班干部竞选演讲稿
2014/04/24 职场文书
2015年幼儿园保育员工作总结
2015/04/23 职场文书
2016年社区六一儿童节活动总结
2016/04/06 职场文书
ORACLE数据库对long类型字段进行模糊匹配的解决思路
2021/04/07 Oracle