详解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 相关文章推荐
Ext第一周 史上最强学习笔记---GridPanel(基础篇)
Dec 29 Javascript
js tab效果的实现代码
Dec 26 Javascript
Google AJAX 搜索 API实现代码
Nov 17 Javascript
各浏览器中querySelector和querySelectorAll的实现差异分析
May 23 Javascript
JavaScript中定义函数的三种方法
Mar 12 Javascript
jQuery插件jqGrid动态获取列和列字段的方法
Mar 03 Javascript
jQuery实现checkbox的简单操作
Nov 18 jQuery
vue 表单输入格式化中文输入法异常问题
May 30 Javascript
Vue动态加载异步组件的方法
Nov 21 Javascript
解决layui-table单元格设置为百分比在ie8下不能自适应的问题
Sep 28 Javascript
React学习之JSX与react事件实例分析
Jan 06 Javascript
JQuery绑定事件四种实现方法解析
Dec 02 jQuery
浅谈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面向对象全攻略 (五) 封装性
2009/09/30 PHP
PHP源码之explode使用说明
2011/08/05 PHP
thinkphp实现多语言功能(语言包)
2014/03/04 PHP
PHP实现的折半查找算法示例
2017/12/19 PHP
thinkPHP框架实现类似java过滤器的简单方法示例
2018/09/05 PHP
Laravel关系模型指定条件查询方法
2019/10/10 PHP
从sohu弄下来的flash中展示图片的代码
2007/04/27 Javascript
js 自动播放的实例代码
2013/11/19 Javascript
JS与C#编码解码
2013/12/03 Javascript
jQuery通过控制节点实现仅在前台通过get方法完成参数传递
2015/02/02 Javascript
webpack教程之webpack.config.js配置文件
2017/07/05 Javascript
基于vue中对鼠标划过事件的处理方式详解
2018/08/22 Javascript
vue-cli3添加模式配置多环境变量的方法
2019/06/05 Javascript
基于JS抓取某高校附近共享单车位置 使用web方式展示位置变化代码实例
2019/08/27 Javascript
Node.js API详解之 Error模块用法实例分析
2020/05/14 Javascript
解决vue项目router切换太慢问题
2020/07/19 Javascript
vue 获取url里参数的两种方法小结
2020/11/12 Javascript
python获取beautifulphoto随机某图片代码实例
2013/12/18 Python
Nginx搭建HTTPS服务器和强制使用HTTPS访问的方法
2015/08/16 Python
Python ldap实现登录实例代码
2016/09/30 Python
Python数据可视化正态分布简单分析及实现代码
2017/12/04 Python
python3.4实现邮件发送功能
2018/05/28 Python
python+splinter实现12306网站刷票并自动购票流程
2018/09/25 Python
对python周期性定时器的示例详解
2019/02/19 Python
python调用webservice接口的实现
2019/07/12 Python
Python定义一个函数的方法
2020/06/15 Python
Python之字符串的遍历的4种方式
2020/12/08 Python
css3 media 响应式布局的简单实例
2016/08/03 HTML / CSS
HTML5中indexedDB 数据库的使用实例
2017/05/11 HTML / CSS
香港艺人陈冠希创办的潮流品牌:JUICESTORE
2021/03/04 全球购物
临床医师专业个人自我评价范文
2013/11/07 职场文书
高中体育教学反思
2014/01/29 职场文书
车队司机自我鉴定
2014/03/02 职场文书
学校捐款活动总结
2015/05/09 职场文书
一文了解Java动态代理的原理及实现
2022/07/07 Java/Android
不想升级Win11?教你彻底锁定老版Windows系统的方法(附下载地址)
2022/09/23 数码科技