详解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 相关文章推荐
JavaScript中几种常见排序算法小结
Feb 22 Javascript
JQuery实现简单验证码提示解决方案
Dec 20 Javascript
JQuery核心函数是什么及使用方法介绍
May 03 Javascript
Vue.js 2.0 和 React、Augular等其他前端框架大比拼
Oct 08 Javascript
Jquery Easyui分割按钮组件SplitButton使用详解(17)
Dec 18 Javascript
jquery.zclip轻量级复制失效问题
Jan 08 Javascript
jQuery实现搜索页面关键字的功能
Feb 16 Javascript
关于axios返回空对象的问题解决
Apr 04 Javascript
jQuery模拟实现天猫购物车动画效果实例代码
May 25 jQuery
浅谈vue的几种绑定变量的值 防止其改变的方法
Mar 01 Javascript
vue.js this.$router.push获取不到params参数问题
Mar 03 Javascript
一文带你理解vue创建一个后台管理系统流程(Vue+Element)
May 18 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的图形函数中显示汉字
2006/10/09 PHP
PHP+MySQL之Insert Into数据插入用法分析
2015/09/27 PHP
PHP版微信小店接口开发实例
2016/11/12 PHP
laravel-admin 实现给grid的列添加行数序号的方法
2019/10/08 PHP
实现连缀调用的map方法(prototype)
2009/08/05 Javascript
javascript中&quot;/&quot;运算符常见错误
2010/10/13 Javascript
jQuery的链式调用浅析
2010/12/03 Javascript
js检查页面上有无重复id的实现代码
2013/07/17 Javascript
动态创建script在IE中缓存js文件时导致编码的解决方法
2014/05/04 Javascript
JS表的模拟方法
2015/02/05 Javascript
Node.js实现Excel转JSON
2015/04/24 Javascript
TypeError document.getElementById(...) is null错误原因
2015/05/18 Javascript
jquery实现平滑的二级下拉菜单效果
2015/08/26 Javascript
JavaScript编程的单例设计模讲解
2015/11/10 Javascript
js和jQuery设置Opacity半透明 兼容IE6
2016/05/24 Javascript
逻辑表达式中与或非的用法详解
2016/06/06 Javascript
利用yarn实现一个webpack+react种子
2016/10/25 Javascript
javascript 中事件冒泡和事件捕获机制的详解
2017/09/01 Javascript
Python字符串替换实例分析
2015/05/11 Python
Python中pandas模块DataFrame创建方法示例
2018/06/20 Python
Centos部署django服务nginx+uwsgi的方法
2019/01/02 Python
django主动抛出403异常的方法详解
2019/01/04 Python
python读写配置文件操作示例
2019/07/03 Python
Python使用import导入本地脚本及导入模块的技巧总结
2019/08/07 Python
flask的orm框架SQLAlchemy查询实现解析
2019/12/12 Python
python打印n位数“水仙花数”(实例代码)
2019/12/25 Python
基于pytorch padding=SAME的解决方式
2020/02/18 Python
keras小技巧——获取某一个网络层的输出方式
2020/05/23 Python
Python中的全局变量如何理解
2020/06/04 Python
Python基于mediainfo批量重命名图片文件
2020/12/29 Python
html5 跨文档消息传输示例探讨
2013/04/01 HTML / CSS
高清屏中使用Canvas绘图出现模糊的问题及解决方法
2019/06/03 HTML / CSS
空指针到底是什么
2012/08/07 面试题
公司薪酬管理制度
2014/01/31 职场文书
好学生评语大全
2014/05/05 职场文书
战略性融资合作协议书范本
2014/10/17 职场文书