详解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下有关dom以及xml节点访问兼容问题
Nov 26 Javascript
js刷新框架子页面的七种方法代码
Nov 20 Javascript
javascript 装载iframe子页面,自适应高度
Mar 20 Javascript
Js动态添加复选框Checkbox的实例方法
Apr 08 Javascript
JS实现弹性菜单效果代码
Sep 07 Javascript
select隐藏选中值对应的id,显示其它id的简单实现方法
Aug 25 Javascript
JavaScript之filter_动力节点Java学院整理
Jun 28 Javascript
vue一步步实现alert功能
Jul 05 Javascript
利用node.js+mongodb如何搭建一个简单登录注册的功能详解
Jul 30 Javascript
vue实现的树形结构加多选框示例
Feb 02 Javascript
JS+CSS3实现的简易钟表效果示例
Apr 13 Javascript
Element Notification通知的实现示例
Jul 27 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程序的多种方法介绍
2014/11/06 PHP
PHP实现QQ、微信和支付宝三合一收款码实例代码
2018/02/19 PHP
如何优雅的使用 laravel 的 validator验证方法
2018/11/11 PHP
js加解密 脚本解密
2008/02/22 Javascript
FireFox下XML对象转化成字符串的解决方法
2011/12/09 Javascript
select标签模拟/美化方法采用JS外挂式插件
2013/04/01 Javascript
将Datatable转化成json发送前台实现思路
2013/09/06 Javascript
showModalDialog在谷歌浏览器下会返回Null的解决方法
2013/11/27 Javascript
jquery解析xml字符串示例分享
2014/03/25 Javascript
JS实现根据当前文字选择返回被选中的文字
2014/05/21 Javascript
jQuery处理json数据返回数组和输出的方法
2015/03/11 Javascript
JavaScript弹窗基础篇
2016/04/27 Javascript
js判断所有表单项不为空则提交表单的实现方法
2016/09/09 Javascript
JSON 必知必会 观后记
2016/10/27 Javascript
javascript跨域请求包装函数与用法示例
2016/11/03 Javascript
Node.JS段点续传:Nginx配置文件分段下载功能的实现方法
2018/03/12 Javascript
vue.js实现的绑定class操作示例
2018/07/06 Javascript
Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)
2018/08/24 Javascript
Vue 一键清空表单的实现方法
2020/02/07 Javascript
jquery实现进度条状态展示
2020/03/26 jQuery
Python制作CSDN免积分下载器
2015/03/10 Python
Django中Forms的使用代码解析
2018/02/10 Python
Python把csv数据写入list和字典类型的变量脚本方法
2018/06/15 Python
Python面向对象之反射/自省机制实例分析
2018/08/24 Python
python实现诗歌游戏(类继承)
2019/02/26 Python
基于python分析你的上网行为 看看你平时上网都在干嘛
2019/08/13 Python
python检测服务器端口代码实例
2019/08/31 Python
Django项目创建到启动详解(最全最详细)
2019/09/07 Python
python实现数字炸弹游戏程序
2020/07/17 Python
Woolworth官网:澳洲第一大超市
2017/06/25 全球购物
Boden英国官网:英国知名原创时装品牌
2018/11/06 全球购物
马来西亚太阳镜、眼镜和隐形眼镜网上商店:Focus Point
2018/12/13 全球购物
农业局学习党的群众路线教育实践活动心得体会
2014/03/07 职场文书
积极向上的团队口号
2014/06/06 职场文书
2015年元旦标语大全
2014/12/09 职场文书
神龙架导游词
2015/02/11 职场文书