详解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 相关文章推荐
在网页里看flash的trace数据的js类
Jan 10 Javascript
JS中==与===操作符的比较
Mar 21 Javascript
Prototype Hash对象 学习
Jul 19 Javascript
JS代码放在head和body中的区别分析
Dec 01 Javascript
分享一款基于jQuery的视频播放插件
Oct 09 Javascript
JS组件Bootstrap Table表格行拖拽效果实现代码
Aug 27 Javascript
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
Mar 22 jQuery
利用node.js写一个爬取知乎妹纸图的小爬虫
May 03 Javascript
Bootstrap Table从零开始
Jun 30 Javascript
使用Angular CLI生成路由的方法
Mar 24 Javascript
JS实现判断有效的数独算法示例
Feb 25 Javascript
vue封装swiper代码实例解析
Oct 08 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不使用copy()函数复制文件的方法
2015/03/13 PHP
YII Framework框架教程之使用YIIC快速创建YII应用详解
2016/03/15 PHP
同一页面多个商品倒计时JS 基于面向对象的javascript
2012/02/16 Javascript
JQuery实现简单时尚快捷的气泡提示插件
2012/12/20 Javascript
纯js网页画板(Graphics)类简介及实现代码
2012/12/24 Javascript
JS判定是否原生方法
2013/07/22 Javascript
jquery快捷动态绑定键盘事件的操作函数代码
2013/10/17 Javascript
使用jQuery实现的掷色子游戏动画效果
2014/03/14 Javascript
js用拖动滑块来控制图片大小的方法
2015/02/27 Javascript
javasript实现密码的隐藏与显示
2015/05/08 Javascript
动态创建按钮的JavaScript代码
2016/01/29 Javascript
AngularJS使用指令增强标准表单元素功能
2016/07/01 Javascript
Vue 2.0 服务端渲染入门介绍
2017/03/29 Javascript
JavaScript中三个等号和两个等号你了解多少
2017/07/04 Javascript
JS+HTML5实现图片在线预览功能
2017/07/22 Javascript
bootstrap响应式工具使用详解
2017/11/29 Javascript
vue获取dom元素注意事项
2017/12/28 Javascript
vue代理和跨域问题的解决
2018/07/18 Javascript
JavaScript实现的滚动公告特效【基于jQuery】
2019/07/10 jQuery
[10:28]2018DOTA2国际邀请赛寻真——VGJ.S寻梦之路
2018/08/15 DOTA
简单谈谈python基本数据类型
2018/09/26 Python
python生成多个只含0,1元素的随机数组或列表的实例
2018/11/12 Python
opencv实现图片模糊和锐化操作
2018/11/19 Python
Django REST framework视图的用法
2019/01/16 Python
Python制作动态字符图的实例
2019/01/27 Python
python 使用turtule绘制递归图形(螺旋、二叉树、谢尔宾斯基三角形)
2019/05/30 Python
python调用matplotlib模块绘制柱状图
2019/10/18 Python
Sperry澳大利亚官网:源自美国帆船鞋创始品牌
2019/07/29 全球购物
夏季奶茶店创业计划书
2014/01/16 职场文书
《记承天寺夜游》教学反思
2014/02/16 职场文书
给公司的建议书范文
2014/05/13 职场文书
查摆问题整改措施范文
2014/10/11 职场文书
学校机关党总支领导班子整改工作方案
2014/10/26 职场文书
2015年幼儿园保育员工作总结
2015/04/23 职场文书
HR在给员工开具离职证明时,需要注意哪些问题?
2019/07/03 职场文书
Android实现图片九宫格
2022/06/28 Java/Android