详解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 相关文章推荐
js实现右下角可关闭最小化div(可用于展示推荐内容)
Jun 24 Javascript
jQuery+PHP打造滑动开关效果
Dec 16 Javascript
js实现的下拉框二级联动效果
Apr 30 Javascript
jquery获取table指定行和列的数据方法(当前选中行、列)
Nov 07 Javascript
jQuery实现用户信息表格的添加和删除功能
Sep 12 jQuery
Vue中对比scoped css和css module的区别
May 17 Javascript
vue-cli整合vuex的时候,修改actions和mutations,实现热部署的方法
Sep 19 Javascript
小程序云开发之用户注册登录
May 18 Javascript
通过vue写一个瀑布流插件代码实例
Sep 07 Javascript
微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能
Dec 17 Javascript
jQuery模仿ToDoList实现简单的待办事项列表
Dec 30 jQuery
Express 配置HTML页面访问的实现
Nov 01 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/12/21 PHP
php利用iframe实现无刷新文件上传功能的代码
2011/09/29 PHP
laravel5.6中的外键约束示例
2019/10/23 PHP
PHP基于array_unique实现二维数组去重
2020/07/14 PHP
PHP中的异常处理机制深入讲解
2020/11/10 PHP
类似CSDN图片切换效果脚本
2009/09/17 Javascript
jquery调整表格行tr上下顺序实例讲解
2016/01/09 Javascript
浅谈javascript基础之客户端事件驱动
2016/06/10 Javascript
轻松掌握JavaScript单例模式
2016/08/25 Javascript
详解Vue组件之间的数据通信实例
2017/06/17 Javascript
原生JavaScrpit中异步请求Ajax实现方法
2017/11/03 Javascript
详解Vue 事件修饰符capture 的使用
2017/12/29 Javascript
vue页面切换过渡transition效果
2018/10/08 Javascript
在vue项目中优雅的使用SVG的方法实例详解
2018/12/03 Javascript
详解Jest结合Vue-test-utils使用的初步实践
2019/06/27 Javascript
详解element-ui表格中勾选checkbox,高亮当前行
2019/09/02 Javascript
微信小程序图片右边加两行文字的代码
2020/04/23 Javascript
[00:35]可解锁地面特效
2018/12/20 DOTA
12步入门Python中的decorator装饰器使用方法
2016/06/20 Python
python遍历 truple list dictionary的几种方法总结
2016/09/11 Python
python虚拟环境完美部署教程
2019/08/06 Python
使用pygame写一个古诗词填空通关游戏
2019/12/03 Python
django使用JWT保存用户登录信息
2020/04/22 Python
python如何调用字典的key
2020/05/25 Python
python实现图像随机裁剪的示例代码
2020/12/10 Python
canvas使用注意点总结
2013/07/19 HTML / CSS
HTML5无刷新改变当前url的代码
2017/03/15 HTML / CSS
日本7net购物网:书籍、漫画、杂志、DVD、游戏邮购
2017/02/17 全球购物
Volcom法国官网:美国冲浪滑板品牌
2017/05/25 全球购物
计算机网络毕业生自荐信
2013/10/01 职场文书
校园十大歌手策划书
2014/02/01 职场文书
2014年个人债务授权委托书范本
2014/09/22 职场文书
廉政承诺书2015
2015/04/28 职场文书
小学生优秀作文范文(六篇)
2019/07/10 职场文书
mybatis 获取无数据的字段不显示的问题
2021/07/15 Java/Android
Python中异常处理用法
2021/11/27 Python