JavaScript中string转换成number介绍


Posted in Javascript onDecember 31, 2014

JavaScript中,可以通过以下3种方法来将string值转换成number:

1.调用Number()来对string进行值类型转换。
2.parseInt()。
3.parseFloat()。

Number()

使用Number()函数来对string进行强制类型转换是最直接的做法。不过,这种做法有一个局限性:如果字符串截去开头和结尾的空白字符后,不是纯数字字符串,那么最终返回结果为NaN。David Flanagan的JavaScript ? The Definitive Guide 6th edition, 3.8.2节提到,用Number()函数来进行string-to-number转换时,函数只接受10进制字符串,但测试结果表明事实并非如此,Number()函数可以接受”0xff”作为参数并将其转换成数值255。

var a = " 42";

var b = " 42mm";

var c = "0xff";

var d = "42.34";
console.log(Number(a));//42

console.log(Number(b));//NaN

console.log(Number(c));//255

console.log(Number(d));//42.34

parseInt()

parseInt()函数可以将字符串转换成一个整数,与Number()函数相比,parseInt()函数不仅可以解析纯数字字符串,也可以解析以数字开头的部分数字字符串(非数字部分字符串在转换过程中会被去除)。值得注意的是,当parseInt()函数所解析的是浮点数字符串时,取整操作所使用的方法为“向下取整”(truncate)。

除了字符串作为第一个参数,parseInt()函数还可以接受2到36之间的任意整数作为第二个参数,用于指定转换过程中的进制数。

var b = " 42mm";

var c = "0xff";

var x = "-12.34";

var y = "15.88";

var z = "101010";
console.log(parseInt(b));//42

console.log(parseInt(x));//-12

console.log(parseInt(y));//15

console.log(parseInt(c));//255

console.log(parseInt(z, 2));//42

console.log(parseInt(".1"));//NaN

parseFloat()

与parseInt()一样,parseFloat()也可以解析以数字开头的部分数字字符串(非数字部分字符串在转换过程中会被去除)。与parseInt()不同的是,parseFloat()可以将字符串转换成浮点数;但同时,parseFloat()只接受一个参数,且仅能处理10进制字符串。

var c = "0xff";

var d = "42.34";
console.log(parseFloat(c));//0, because "0xff" start with 0

console.log(parseFloat(d));//42.34

console.log(parseFloat(".1"));//0.1
Javascript 相关文章推荐
IE Firefox 使用自定义标签的区别
Oct 15 Javascript
jQuery :nth-child前有无空格的区别分析
Jul 11 Javascript
jQuery操作checkbox选择(list/table)
Apr 07 Javascript
JS控制图片翻转示例代码(兼容firefox,ie,chrome)
Dec 19 Javascript
js定时器的使用(实例讲解)
Jan 06 Javascript
将中国标准时间转换成标准格式的代码
Mar 20 Javascript
JS中常用的输出方式(五种)
Jun 12 Javascript
JavaScript代码里的判断小结
Aug 22 Javascript
Bootstrap Modal遮罩弹出层(完整版)
Nov 21 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
Jan 17 Javascript
Vue分页插件的前后端配置与使用
Oct 09 Javascript
ES6学习笔记之let与const用法实例分析
Jan 22 Javascript
JavaScript中的object转换函数toString()与valueOf()介绍
Dec 31 #Javascript
JavaScript中的object转换成number或string规则介绍
Dec 31 #Javascript
javascript 事件处理示例分享
Dec 31 #Javascript
JavaScript中的变量作用域介绍
Dec 31 #Javascript
JavaScript中的变量定义与储存介绍
Dec 31 #Javascript
JavaScript中的操作符==与===介绍
Dec 31 #Javascript
jQuery中[attribute]选择器用法实例
Dec 31 #Javascript
You might like
thinkphp模板的包含与渲染实例分析
2014/11/26 PHP
PHP中使用file_get_contents抓取网页中文乱码问题解决方法
2014/12/17 PHP
Yii框架上传图片用法总结
2016/03/28 PHP
laravel ORM 只开启created_at的几种方法总结
2018/01/29 PHP
解决jquery submit()提交表单提示:f[s] is not a function
2013/01/23 Javascript
Node.js与PHP、Python的字符处理性能对比
2014/07/06 Javascript
使用纯javascript实现经典扫雷游戏
2015/04/23 Javascript
JQUERY的AJAX请求缓存里的数据问题处理
2016/02/23 Javascript
javascript的几种继承方法介绍
2016/03/22 Javascript
javascript冒泡排序小结
2016/04/10 Javascript
基于JavaScript实现带数据验证和复选框的表单提交
2017/08/23 Javascript
Vue shopCart 组件开发详解
2018/01/26 Javascript
基于Taro的微信小程序模板消息-获取formId功能模块封装实践
2019/07/15 Javascript
微信小程序 扭蛋抽奖机css3动画实现详解
2019/07/19 Javascript
基于JavaScript实现轮播图效果
2021/01/02 Javascript
编写自定义的Django模板加载器的简单示例
2015/07/21 Python
python中set常用操作汇总
2016/06/30 Python
Python 数据结构之队列的实现
2017/01/22 Python
Python函数式编程
2017/07/20 Python
Python多线程扫描端口代码示例
2018/02/09 Python
Tensorflow实现酸奶销量预测分析
2019/07/19 Python
Python学习笔记之For循环用法详解
2019/08/14 Python
python爬虫---requests库的用法详解
2020/09/28 Python
萌新的HTML5 入门指南
2020/11/06 HTML / CSS
Bravofly德国:预订廉价航班和酒店
2019/09/22 全球购物
巴西购物网站:Onofre Agora
2020/06/08 全球购物
技校毕业生的自我评价
2013/12/27 职场文书
产品销售计划书
2014/05/04 职场文书
多媒体教室标语
2014/06/26 职场文书
2014小学一年级班主任工作总结
2014/12/05 职场文书
医生个人年终总结
2015/02/28 职场文书
2015年质量月活动总结报告
2015/03/27 职场文书
赢在中国观后感
2015/06/02 职场文书
八月迷情观后感
2015/06/11 职场文书
四年级作文之植物
2019/09/20 职场文书
MySQL中TIMESTAMP类型返回日期时间数据中带有T的解决
2022/12/24 MySQL