详解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 相关文章推荐
限制文本字节数js代码
Mar 06 Javascript
JavaScript自定义事件介绍
Aug 29 Javascript
js获取html文件的思路及示例
Sep 17 Javascript
深入理解JavaScript系列(17):面向对象编程之概论详细介绍
Mar 04 Javascript
JavaScript知识点总结(五)之Javascript中两个等于号(==)和三个等于号(===)的区别
May 31 Javascript
js实现右键自定义菜单
Dec 03 Javascript
Bootstrap CSS组件之按钮下拉菜单
Dec 17 Javascript
详解JS中定时器setInterval和setTImeout的this指向问题
Jan 06 Javascript
关于预加载InstantClick的问题解决方法
Sep 12 Javascript
vue.js 2.*项目环境搭建、运行、打包发布的详细步骤
May 01 Javascript
vue封装swiper代码实例解析
Oct 08 Javascript
jquery实现有过渡效果的tab切换
Jul 17 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 Http_Template_IT类库进行模板替换
2009/03/19 PHP
PHP函数学习之PHP函数点评
2012/07/05 PHP
PHP 微信扫码支付源代码(推荐)
2016/11/03 PHP
PHP程序员学习使用Swoole的理由
2018/06/24 PHP
CSS心形加载的动画源码的实现
2021/03/09 HTML / CSS
通过jquery的$.getJSON做一个跨域ajax请求试验
2011/05/03 Javascript
javascript 判断中文字符长度的函数代码
2012/08/27 Javascript
js 本地预览的简单实现方法
2014/02/18 Javascript
Jquery $.getJSON 在IE下的缓存问题解决方法
2014/10/10 Javascript
node.js中实现同步操作的3种实现方法
2014/12/05 Javascript
JQuery中使文本框获得焦点的方法实例分析
2015/02/28 Javascript
JavaScript的Vue.js库入门学习教程
2016/05/23 Javascript
Bootstrap学习笔记之js组件(4)
2016/06/12 Javascript
javascript运算符语法全面概述
2016/07/14 Javascript
用jQuery的AJax实现异步访问、异步加载
2016/11/02 Javascript
mui上拉加载功能实例详解
2017/04/13 Javascript
js轮播图的插件化封装详解
2017/07/17 Javascript
JavaScript中正则表达式判断匹配规则及常用方法
2017/08/03 Javascript
jQuery实现的上传图片本地预览效果简单示例
2018/03/29 jQuery
vue引入js数字小键盘的实现代码
2018/05/14 Javascript
JavaScript 绘制饼图的示例
2021/02/19 Javascript
[00:49]完美世界DOTA2联赛10月28日开团时刻:随便打
2020/10/29 DOTA
python处理大数字的方法
2015/05/27 Python
python实现给微信公众号发送消息的方法
2017/06/30 Python
Python os.access()用法实例
2019/02/18 Python
python pandas.DataFrame.loc函数使用详解
2020/03/26 Python
python计算Content-MD5并获取文件的Content-MD5值方式
2020/04/03 Python
使用jTopo给Html5 Canva中绘制的元素添加鼠标事件
2014/05/15 HTML / CSS
PHP中如何创建和修改数组
2012/05/02 面试题
某公司的.net工程师面试题笔试题
2013/11/22 面试题
大一学生的职业生涯规划书范文
2014/01/19 职场文书
房地产广告词大全
2014/03/19 职场文书
一年级语文下册复习计划
2015/01/17 职场文书
写给老师的感谢信
2015/01/20 职场文书
入党介绍人意见怎么写
2015/06/03 职场文书
应用最多的公文《通知》如何写?
2019/04/02 职场文书