详解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 相关文章推荐
jquery实现的可隐藏重现的靠边悬浮层实例代码
May 27 Javascript
jquery实现控制表格行高亮实例
Jun 05 Javascript
jquery.messager.js插件导致页面抖动的解决方法
Jul 14 Javascript
使用FlexiGrid实现Extjs表格效果方法分享
Dec 16 Javascript
JQuery的常用选择器、过滤器、方法全面介绍
May 25 Javascript
JavaScript面向对象编写购物车功能
Aug 19 Javascript
AngularJs Scope详解及示例代码
Sep 01 Javascript
Bootstrap table表格初始化表格数据的方法
Jul 25 Javascript
vue登录注册实例详解
Sep 14 Javascript
Angular封装表单控件及思想总结
Dec 11 Javascript
Vue export import 导入导出的多种方式与区别介绍
Feb 12 Javascript
微信小程序实现组件顶端固定或底端固定效果(不随滚动而滚动)
Apr 09 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初学入门
2006/11/19 PHP
如何使用Linux的Crontab定时执行PHP脚本的方法
2011/12/19 PHP
分享一个PHP数据流应用的简单例子
2012/06/01 PHP
浅谈PHP中Stream(流)
2015/06/08 PHP
30分钟就入门的正则表达式基础教程
2013/02/25 Javascript
js实例属性和原型属性示例详解
2014/11/23 Javascript
jQuery子窗体取得父窗体元素的方法
2015/05/11 Javascript
JavaScript计算器网页版实现代码分享
2016/07/15 Javascript
HTML5基于Tomcat 7.0实现WebSocket连接并实现简单的实时聊天
2016/10/31 Javascript
bootstrap table表格使用方法详解
2017/04/26 Javascript
详谈js对url进行编码和解码(三种方式的区别)
2017/08/16 Javascript
详解js中let与var声明变量的区别
2020/04/05 Javascript
vue页面更新patch的实现示例
2020/03/25 Javascript
详解Vue3.0 + TypeScript + Vite初体验
2021/02/22 Vue.js
简单谈谈python中的多进程
2016/11/06 Python
关于Keras模型可视化教程及关键问题的解决
2020/01/24 Python
Python把图片转化为pdf代码实例
2020/07/28 Python
canvas实现高阶贝塞尔曲线(N阶贝塞尔曲线生成器)
2018/01/10 HTML / CSS
英国家电直销:Appliances Direct
2016/09/22 全球购物
美国汽配连锁巨头Pep Boys官网:轮胎更换、汽车维修服务和汽车零部件
2017/01/14 全球购物
罗马尼亚在线杂货店:Pilulka.ro
2019/09/28 全球购物
瑞典耳机品牌:URBANISTA
2019/12/03 全球购物
Delphi笔试题
2016/11/14 面试题
给导游的表扬信
2014/01/10 职场文书
工程开工庆典邀请函
2014/02/01 职场文书
百日安全活动总结
2014/05/04 职场文书
老公给老婆的检讨书(精华篇)
2014/10/18 职场文书
高中班主任评语
2014/12/30 职场文书
道德与公民自我评价
2015/03/09 职场文书
公司劳动纪律管理制度
2015/08/04 职场文书
运输公司工作总结
2015/08/11 职场文书
毕业欢送晚会主持词
2019/06/25 职场文书
导游词之丽江普济寺
2019/10/22 职场文书
python 标准库原理与用法详解之os.path篇
2021/10/24 Python
用Python仅20行代码编写一个简单的端口扫描器
2022/04/08 Python
Java死锁的排查
2022/05/11 Java/Android