详解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 相关文章推荐
FireFox与IE 下js兼容触发click事件的代码
Nov 20 Javascript
js控制input输入字符解析
Dec 27 Javascript
jQuery常用数据处理方法小结
Feb 20 Javascript
JS事件添加和移出的兼容写法示例
Jun 20 Javascript
JS代码实现百度地图 画圆 删除标注
Oct 12 Javascript
jQuery实现简单弹窗遮罩效果
Feb 27 Javascript
Angular2里获取(input file)上传文件的内容的方法
Sep 05 Javascript
jQuery实现鼠标移入移出事件切换功能示例
Sep 06 jQuery
微信小程序模板template简单用法示例
Dec 04 Javascript
解决layui弹框失效的问题
Sep 09 Javascript
mustache.js实现首页元件动态渲染的示例代码
Dec 28 Javascript
js中延迟加载和预加载的具体使用
Jan 14 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 正则表达式的学习探讨
2013/06/06 PHP
递归实现php数组转xml的代码分享
2015/05/14 PHP
JS类库Bindows1.3中的内存释放方式分析
2007/03/08 Javascript
javascript Xml增删改查(IE下)操作实现代码
2009/01/30 Javascript
23个超流行的jQuery相册插件整理分享
2011/04/25 Javascript
Javascript数组的排序 sort()方法和reverse()方法
2012/06/04 Javascript
JavaScript基础知识之数据类型
2012/08/06 Javascript
JavaScript NaN和Infinity特殊值 [译]
2012/09/20 Javascript
JavaScript Math.ceil() 函数使用介绍
2013/12/11 Javascript
Jquery实现自定义tooltip示例代码
2014/02/12 Javascript
JavaScript驾驭网页-获取网页元素
2016/03/24 Javascript
JavaScript作用域示例详解
2016/07/07 Javascript
简单的渐变轮播插件
2017/01/12 Javascript
JS中正则表达式要注意lastIndex属性
2017/08/08 Javascript
快速搭建vue2.0+boostrap项目的方法
2018/04/09 Javascript
详解创建自定义的Angular Schematics
2018/06/06 Javascript
[01:02:00]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第三场 1月24日
2021/03/11 DOTA
Python两个内置函数 locals 和globals(学习笔记)
2016/08/28 Python
利用python发送和接收邮件
2016/09/27 Python
python实现多进程通信实例分析
2019/09/01 Python
python队列原理及实现方法示例
2019/11/27 Python
vscode写python时的代码错误提醒和自动格式化的方法
2020/05/07 Python
如何基于matlab相机标定导出xml文件
2020/11/02 Python
Python 随机按键模拟2小时
2020/12/30 Python
使用Python爬虫爬取小红书完完整整的全过程
2021/01/19 Python
一款简洁的纯css3代码实现的动画导航
2014/10/31 HTML / CSS
Skyscanner加拿大:全球旅行搜索平台
2018/11/19 全球购物
美国领先的个性化礼品商城:Personalization Mall
2019/07/27 全球购物
C++:memset ,memcpy和strcpy的根本区别
2013/04/27 面试题
战略合作意向书范本
2014/04/01 职场文书
中学清明节活动总结
2014/07/04 职场文书
基层党组织建设整改方案
2014/09/16 职场文书
学校班子个人对照检查材料思想汇报
2014/09/27 职场文书
MySQL一些常用高级SQL语句
2021/07/03 MySQL
MySQL修改默认引擎和字符集详情
2021/09/25 MySQL
浅谈Python中对象是如何被调用的
2022/04/06 Python