javascript将非数值转换为数值


Posted in Javascript onSeptember 13, 2018

以下三个函数将非数值转换为数值:Number() 、parseInt()和 parseFloat()

Number()的转换规则

1.Boolean值 true会被转换为1 false会被转换为0

var correct = true
Number(correct)
1
var error = false
Number(error)
0

2.数字值 传入什么返回什么

var sales = 10
Number(sales)
10

3.null 值,返回 0

var arg = null
Number(arg)
0

4.undefined,返回 NaN

var vara = undefined
Number(vara)
NaN

5.字符串,遵循下列规则:

如果字符串中只包含数字(包括前面带正号或负号的情况),则将其转换为十进制数值,即"1"

会变成 1,"123"会变成 123,而"011"会变成 11(注意:前导的零被忽略了)

var str = '1'
Number(str)
1
var str1 = '011'
Number(str1)
11
var str2 = '+1'
Number(str2)
1
var str3 = '-001'
Number(str3)
-1
var str4 = '-121'
Number(str4)
-121

如果字符串中包含有效的浮点格式,如"1.1",则将其转换为对应的浮点数值(同样,也会忽
略前导零)

var str = '1.1'
Number(str)
1.1
var str1 = '+1.1'
Number(str1)
1.1
var str2 = '-01.1'
Number(str2)
-1.1

如果字符串中包含有效的十六进制格式,例如"0xf",则将其转换为相同大小的十进制整数值

如果字符串是空的(不包含任何字符),则将其转换为 0

var str = ''
Number(str)
0

如果字符串中包含除上述格式之外的字符,则将其转换为 NaN

var str = 'adfsfdsa'
Number(str)
NaN

6.如果是对象,则调用对象的 valueOf()方法,然后依照前面的规则转换返回的值。如果转换的结果是 NaN,则调用对象的 toString()方法,然后再次依照前面的规则转换返回的字符串值

parseInt()转换规则

由于 Number()函数在转换字符串时比较复杂而且不够合理,因此在处理整数的时候更常用的是
parseInt()函数。parseInt()函数在转换字符串时,更多的是看其是否符合数值模式。它会忽略字
符串前面的空格,直至找到第一个非空格字符。如果第一个字符不是数字字符,parseInt()
就会返回 NaN;也就是说,用 parseInt()转换空字符串会返回 NaN(Number()对空字符返回 0)。如
果第一个字符是数字字符,parseInt()会继续解析第二个字符,直到解析完所有后续字符或者遇到了
一个非数字字符。例如,"1234blue"会被转换为 1234,因为"blue"会被完全忽略。类似地,"22.5"
会被转换为 22,因为小数点并不是有效的数字字符。

指定基数会影响到转换的输出结果。例如:

var num1 = parseInt("10", 2); //2 (按二进制解析)
var num2 = parseInt("10", 8); //8 (按八进制解析)
var num3 = parseInt("10", 10); //10 (按十进制解析)
var num4 = parseInt("10", 16); //16 (按十六进制解析)

**多数情况下,我们要解析的都是十进制数值,因此始终将 10 作为第二个参数是
非常必要的。**

parseFloat()转换规则

与 parseInt()函数类似,parseFloat()也是从第一个字符(位置 0)开始解析每个字符。而且
也是一直解析到字符串末尾,或者解析到遇见一个无效的浮点数字字符为止。也就是说,字符串中的第
一个小数点是有效的,而第二个小数点就是无效的了,因此它后面的字符串将被忽略。举例来说,
"22.34.5"将会被转换为 22.34。

除了第一个小数点有效之外,parseFloat()与 parseInt()的第二个区别在于它始终都会忽略前导
的零。parseFloat()可以识别前面讨论过的所有浮点数值格式,也包括十进制整数格式。但十六进制格
式的字符串则始终会被转换成 0。由于 parseFloat()只解析十进制值,因此它没有用第二个参数指定基
数的用法。最后还要注意一点:如果字符串包含的是一个可解析为整数的数(没有小数点,或者小数点后
都是零),parseFloat()会返回整数。

var num1 = parseFloat("1234blue"); //1234 (整数)
var num2 = parseFloat("0xA"); //0 
var num3 = parseFloat("22.5"); //22.5 
var num4 = parseFloat("22.34.5"); //22.34 
var num5 = parseFloat("0908.5"); //908.5 
var num6 = parseFloat("3.125e7"); //31250000

parseInt()不能转换浮点型数值,我们用parseFloat()来解决。

parseFloat()跟parseInt()差不多,同样会从第一个非空字符串开始解析,直到解析完毕,或者遇到非浮点型数值格式(区别一),但是它会忽略前面所有的0,他没有转换基数,只解析十进制的值(区别二)

console.log(parseFloat(' 123hehe'));//输出123;
console.log(parseFloat('123hehe'));//输出123;
console.log(parseFloat('01.2.3'));//输出1.2;
console.log(parseFloat('0xa'));//输出0

注意,如果字符串可以解析为整数,则小数点后面的0不会输出

console.log(parseFloat('1.000'));//输出1;

总结

以上所述是小编给大家介绍的javascript将非数值转换为数值,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
一个简单的jQuery插件制作 学习过程及实例
Apr 25 Javascript
js面向对象 多种创建对象方法小结
May 21 Javascript
jQuery获得内容和属性示例代码
Jan 16 Javascript
JS实现的一个简单的Autocomplete自动完成例子
Apr 16 Javascript
基于JavaScript实现TAB标签效果
Jan 12 Javascript
详解Node.js模块间共享数据库连接的方法
May 24 Javascript
ajax图片上传,图片异步上传,更新实例
Dec 30 Javascript
微信小程序实现YDUI的ScrollNav组件
Feb 02 Javascript
详解Angular系列之变化检测(Change Detection)
Feb 26 Javascript
详解js 创建对象的几种方法
Mar 08 Javascript
JavaScript变量作用域及内存问题实例分析
Jun 10 Javascript
vue a标签点击实现赋值方式
Sep 07 Javascript
解决angularjs WdatePicker ng-model的问题
Sep 13 #Javascript
webpack实现一个行内样式px转vw的loader示例
Sep 13 #Javascript
vue项目开发中setTimeout等定时器的管理问题
Sep 13 #Javascript
详解react内联样式使用webpack将px转rem
Sep 13 #Javascript
详解webpack 热更新优化
Sep 13 #Javascript
Vue中使用 setTimeout() setInterval()函数的问题
Sep 13 #Javascript
Angularjs之ngModel中的值验证绑定方法
Sep 13 #Javascript
You might like
PHP小技巧之JS和CSS优化工具Minify的使用方法
2014/05/19 PHP
PHP基于单例模式实现的数据库操作基类
2016/01/15 PHP
PHP 用session与gd库实现简单验证码生成与验证的类方法
2016/11/15 PHP
利用Jquery实现可多选的下拉框
2014/02/21 Javascript
JavaScript动态修改弹出窗口大小的方法
2015/04/06 Javascript
jquery动态导航插件dynamicNav用法实例分析
2015/09/06 Javascript
jquery ajax局部加载方法详解(实现代码)
2016/05/12 Javascript
BootstrapValidator不触发校验的实现代码
2016/09/28 Javascript
javascript实现二叉树的代码
2017/06/08 Javascript
JavaScript+HTML5实现的日期比较功能示例
2017/07/12 Javascript
VUE长按事件需求详解
2017/10/18 Javascript
关闭Vue计算属性自带的缓存功能方法
2018/03/02 Javascript
Vue EventBus自定义组件事件传递
2018/06/25 Javascript
vue2.0的虚拟DOM渲染思路分析
2018/08/09 Javascript
Vue中使用clipboard实现复制功能
2018/09/05 Javascript
Vue点击切换颜色的方法
2018/09/13 Javascript
微信小程序实现购物页面左右联动
2019/02/15 Javascript
vue 集成 vis-network 实现网络拓扑图的方法
2019/08/07 Javascript
VUE前端从后台请求过来的数据进行转换数据结构操作
2020/11/11 Javascript
Python入门_浅谈数据结构的4种基本类型
2017/05/16 Python
Python实现找出数组中第2大数字的方法示例
2018/03/26 Python
python实现比较类的两个instance(对象)是否相等的方法分析
2019/06/26 Python
Python中的正则表达式与JSON数据交换格式
2019/07/03 Python
python画图——实现在图上标注上具体数值的方法
2019/07/08 Python
python Django 创建应用过程图示详解
2019/07/29 Python
centos7中安装python3.6.4的教程
2019/12/11 Python
Python使用py2neo操作图数据库neo4j的方法详解
2020/01/13 Python
websocket+sockjs+stompjs详解及实例代码
2018/11/30 HTML / CSS
军训生自我鉴定范文
2013/12/27 职场文书
主持词开场白
2014/03/17 职场文书
医德医风演讲稿
2014/05/20 职场文书
党的群众路线教育实践活动总结大会主持词
2014/10/30 职场文书
学习心得体会
2019/06/20 职场文书
Redis5之后版本的高可用集群搭建的实现
2021/04/27 Redis
python中取整数的几种方法
2021/11/07 Python
JavaScript流程控制(循环)
2021/12/06 Javascript