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 相关文章推荐
javascript 学习之旅 (3)
Feb 05 Javascript
document.documentElement的一些使用技巧
Apr 18 Javascript
JavaScript中json使用自己总结
Aug 13 Javascript
Node.js中使用socket创建私聊和公聊聊天室
Nov 19 Javascript
详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
Jan 10 Javascript
JS仿Base.js实现的继承示例
Apr 07 Javascript
Angular项目从新建、打包到nginx部署全过程记录
Dec 09 Javascript
vue-router 源码之实现一个简单的 vue-router
Jul 02 Javascript
js实现每日签到功能
Nov 29 Javascript
详解react阻止无效重渲染的多种方式
Dec 11 Javascript
Vue项目从webpack3.x升级webpack4不完全指南
Apr 28 Javascript
JS如何实现基于websocket的多端桥接平台
May 14 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
全国FM电台频率大全 - 4 山西省
2020/03/11 无线电
php空间不支持socket但支持curl时recaptcha的用法
2011/11/07 PHP
PHP逐行输出(ob_flush与flush的组合)
2012/02/04 PHP
解析PHP实现多进程并行执行脚本
2013/06/18 PHP
解析argc argv在php中的应用
2013/06/24 PHP
使用php测试硬盘写入速度示例
2014/01/27 PHP
PHP根据session与cookie用户登录状态操作类的代码
2016/05/13 PHP
Zend Framework教程之Zend_Helpers动作助手ViewRenderer用法详解
2016/07/20 PHP
laravel中短信发送验证码的实现方法
2018/04/25 PHP
PHP快速导出百万级数据到CSV或者EXCEL文件
2020/11/27 PHP
JS 动态获取节点代码innerHTML分析 [IE,FF]
2009/11/30 Javascript
javascript使用shift+click实现选择和反选checkbox的方法
2015/05/04 Javascript
jquery实现最简单的滑动菜单效果代码
2015/09/12 Javascript
js基础知识(公有方法、私有方法、特权方法)
2015/11/06 Javascript
前端性能优化及技巧
2016/05/06 Javascript
使用ajax的post同步执行(实现方法)
2017/12/21 Javascript
尝试自己动手用react来写一个分页组件(小结)
2018/02/09 Javascript
vue.js获得当前元素的文字信息方法
2018/03/09 Javascript
JQuery获取元素尺寸、位置及页面滚动事件应用示例
2019/05/14 jQuery
Vue v-model组件封装(类似弹窗组件)
2020/01/08 Javascript
解决qrcode.js生成二维码时必须定义一个空div的问题
2020/07/09 Javascript
Python生成指定数量的优惠码实操内容
2019/06/18 Python
通过python改变图片特定区域的颜色详解
2019/07/15 Python
python 怎样将dataframe中的字符串日期转化为日期的方法
2019/09/26 Python
Python进阶之迭代器与迭代器切片教程
2020/01/29 Python
利用python3筛选excel中特定的行(行值满足某个条件/行值属于某个集合)
2020/09/04 Python
美国休闲服装品牌:Express
2016/09/24 全球购物
将时尚融入珠宝:Adornmonde
2019/10/17 全球购物
如何清空Session
2015/02/23 面试题
分厂厂长岗位职责
2013/12/29 职场文书
优秀的自荐信要注意哪些
2014/01/03 职场文书
保证书格式范文
2014/04/28 职场文书
校园文化艺术节宣传标语
2014/10/09 职场文书
考试没考好检讨书(精选篇)
2014/11/16 职场文书
慰问信格式规范
2015/03/23 职场文书
同意报考证明
2015/06/17 职场文书