详解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复制功能调用实现方案
Dec 13 Javascript
深入领悟JavaScript中的面向对象
Nov 18 Javascript
jquery做的一个简单的屏幕锁定提示框
Mar 26 Javascript
JS 打印功能代码可实现打印预览、打印设置等
Oct 31 Javascript
浅谈JSON.parse()和JSON.stringify()
Jul 14 Javascript
js判断鼠标位置是否在某个div中的方法
Feb 26 Javascript
JS加载器如何动态加载外部js文件
May 26 Javascript
原生js实现瀑布流布局
Mar 08 Javascript
jQuery EasyUI的TreeGrid查询功能实现方法
Aug 08 jQuery
对于input 框限定输入值为浮点型的js代码
Sep 25 Javascript
VeeValidate在vue项目里表单校验应用案例
May 09 Javascript
JS实现图片拖拽交换效果
Nov 30 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
一个取得文件扩展名的函数
2006/10/09 PHP
让PHP开发者事半功倍的十大技巧小结
2010/04/20 PHP
PHP执行批量mysql语句的解决方法
2013/05/02 PHP
php类声明和php类使用方法示例分享
2014/03/29 PHP
php 解压rar文件及zip文件的方法
2014/05/05 PHP
PHP中两个float(浮点数)比较实例分析
2015/09/27 PHP
CentOS 7.2 下编译安装PHP7.0.10+MySQL5.7.14+Nginx1.10.1的方法详解(mini版本)
2016/09/01 PHP
php利用ob_start()清除输出和选择性输出的方法
2018/01/18 PHP
Laravel框架实现多个视图共享相同数据的方法详解
2019/07/09 PHP
jquery判断单个复选框是否被选中的代码
2009/09/03 Javascript
js控制鼠标事件移动及移出效果显示
2014/10/19 Javascript
JavaScript从数组中删除指定值元素的方法
2015/03/18 Javascript
JavaScript中操作字符串之localeCompare()方法的使用
2015/06/06 Javascript
超级给力的JavaScript的React框架入门教程
2015/07/02 Javascript
jQuery实现简易的输入框字数计数功能示例
2017/01/16 Javascript
angularJS之$http:与服务器交互示例
2017/03/17 Javascript
Vue 使用beforeEach实现登录状态检查功能
2019/10/31 Javascript
使用Vue生成动态表单
2019/11/26 Javascript
使用 Opentype.js 生成字体子集的实例代码详解
2020/05/25 Javascript
在IIS服务器上以CGI方式运行Python脚本的教程
2015/04/25 Python
如何在python字符串中输入纯粹的{}
2018/08/22 Python
matplotlib.pyplot绘图显示控制方法
2019/01/15 Python
python实现画循环圆
2019/11/23 Python
python 创建一维的0向量实例
2019/12/02 Python
解析Tensorflow之MNIST的使用
2020/06/30 Python
基于HTML5代码实现折叠菜单附源码下载
2015/11/27 HTML / CSS
Crocs卡骆驰洞洞鞋日本官方网站:Crocs日本
2016/08/25 全球购物
Mytheresa美国官网:德国知名的女性奢侈品电商
2017/05/27 全球购物
德国团购网站:Groupon德国
2018/03/13 全球购物
印度手工编织服装和家居用品商店:Fabindi
2019/10/07 全球购物
给同学的道歉信
2014/01/16 职场文书
公益广告语集锦
2014/03/13 职场文书
求职信格式要求
2014/05/23 职场文书
应聘教师自荐信
2015/03/26 职场文书
音乐剧猫观后感
2015/06/04 职场文书
幼儿园教师教学反思
2016/03/02 职场文书