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的固定表头和列头的代码
May 03 Javascript
JS截取字符串常用方法整理及使用示例
Oct 18 Javascript
jquery插件之定时查询待处理任务数量
May 01 Javascript
JavaScript闭包函数访问外部变量的方法
Aug 27 Javascript
谷歌浏览器不支持showModalDialog模态对话框的解决方法
Sep 22 Javascript
浅谈javascript中基本包装类型
Jun 03 Javascript
在JavaScript中操作时间之getUTCDate()方法的使用
Jun 10 Javascript
jqGrid用法汇总(全经典)
Jun 28 Javascript
JS实现拖动滚动条评分的效果代码分享
Sep 29 Javascript
js实现短信发送倒计时功能(正则验证)
Feb 10 Javascript
vue组件 keep-alive 和 transition 使用详解
Oct 11 Javascript
vue递归实现树形组件
Jul 15 Vue.js
解决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中使用XML
2006/10/09 PHP
深入PHP FTP类的详解
2013/06/13 PHP
PHP判断浏览器、判断语言代码分享
2015/03/05 PHP
php+curl 发送图片处理代码分享
2015/07/09 PHP
Yii2 RESTful中api的使用及开发实例详解
2016/07/06 PHP
PHP递归实现快速排序的方法示例
2017/12/18 PHP
JavaScript 在线压缩和格式化收藏
2009/01/16 Javascript
js中生成map对象的方法
2014/01/09 Javascript
jQuery.parseJSON(json)将JSON字符串转换成js对象
2014/07/27 Javascript
JavaScript验证18位身份证号码最后一位正确性的实现代码
2014/08/07 Javascript
jQuery使用CSS()方法给指定元素同时设置多个样式
2015/03/26 Javascript
JavaSacript中charCodeAt()方法的使用详解
2015/06/05 Javascript
jquery合并表格中相同文本的相邻单元格
2015/07/17 Javascript
举例说明JavaScript中的实例对象与原型对象
2016/03/11 Javascript
jQuery插件实现文件上传功能(支持拖拽)
2020/08/27 Javascript
微信小程序 封装http请求实例详解
2017/01/16 Javascript
Bootstrap table学习笔记(2) 前后端分页模糊查询
2017/05/18 Javascript
详解AngularJS ng-class样式切换
2017/06/27 Javascript
详解使用angular框架离线你的应用(pwa指南)
2019/01/31 Javascript
JQuery animate动画应用示例
2019/05/14 jQuery
Node.js操作MongoDB数据库实例分析
2020/01/19 Javascript
VUE中使用HTTP库Axios方法详解
2020/02/05 Javascript
JS实现选项卡插件的两种写法(jQuery和class)
2020/12/30 jQuery
Python实现Linux的find命令实例分享
2017/06/04 Python
浅谈Matplotlib简介和pyplot的简单使用——文本标注和箭头
2018/01/09 Python
Pyinstaller将py打包成exe的实例
2018/03/31 Python
python 读取.csv文件数据到数组(矩阵)的实例讲解
2018/06/14 Python
pyinstaller打包单个exe后无法执行错误的解决方法
2019/06/21 Python
python 矢量数据转栅格数据代码实例
2019/09/30 Python
python中@property和property函数常见使用方法示例
2019/10/21 Python
Python3的unicode编码转换成中文的问题及解决方案
2019/12/10 Python
使用CSS3实现SVG路径描边动画效果入门教程
2019/10/21 HTML / CSS
加拿大女装网上购物:Reitmans
2016/10/20 全球购物
信用社实习人员自我鉴定
2013/09/20 职场文书
英语教育专业毕业生求职信
2014/08/28 职场文书
2016年度员工工作表现评语
2015/12/02 职场文书