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 相关文章推荐
javascript string字符串优化问题
Jul 31 Javascript
jQuery EasyUI API 中文文档 - EasyLoader 加载器
Sep 29 Javascript
Jquery右下角抖动、浮动 实例代码(兼容ie6、FF)
Aug 15 Javascript
JS+DIV实现鼠标划过切换层效果的实例代码
Nov 26 Javascript
jQuery UI插件自定义confirm确认框的方法
Mar 20 Javascript
jquery序列化方法实例分析
Jun 10 Javascript
jQuery实现三级菜单的代码
May 09 Javascript
关于JS中二维数组的声明方法
Sep 24 Javascript
微信js-sdk地理位置接口用法示例
Oct 12 Javascript
微信小程序 获取javascript 里的数据
Aug 17 Javascript
详解ES6中的Map与Set集合
Mar 22 Javascript
JavaScript最完整的深浅拷贝实现方式详解
Feb 28 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
一个目录遍历函数
2006/10/09 PHP
php的正则处理函数总结分析
2008/06/20 PHP
PHP中对各种加密算法、Hash算法的速度测试对比代码
2014/07/08 PHP
PHP中使用strpos函数实现屏蔽敏感关键字功能
2014/08/21 PHP
Win7下手动安装apache2.2、php5.4笔记
2015/04/03 PHP
PHP MSSQL 分页实例
2016/04/13 PHP
php usort 使用用户自定义的比较函数对二维数组中的值进行排序
2017/05/02 PHP
js 目录列举函数
2008/11/06 Javascript
javascript 原型继承介绍
2011/08/30 Javascript
js控制web打印(局部打印)方法整理
2013/05/29 Javascript
jquery实现点击弹出层效果的简单实例
2014/03/03 Javascript
javascript中字符串拼接详解
2014/09/26 Javascript
js对象基础实例分析
2015/01/13 Javascript
javascript判断网页是关闭还是刷新
2015/09/12 Javascript
基于javascript实现句子翻牌网页版小游戏
2016/03/23 Javascript
基于jQuery实现音乐播放试听列表
2016/04/14 Javascript
javascript 正则表达式去空行方法
2017/01/24 Javascript
微信小程序实现天气预报功能
2018/07/18 Javascript
更改BootStrap popover的默认样式及popover简单用法
2018/09/13 Javascript
js如何实现元素曝光上报
2019/08/07 Javascript
vue3实现v-model原理详解
2019/10/09 Javascript
使用p5.js实现动态GIF图片临摹重现
2019/10/23 Javascript
vue新建项目并配置标准路由过程解析
2019/12/09 Javascript
jQuery 选择方法及$(this)用法实例分析
2020/05/19 jQuery
TensorFlow 模型载入方法汇总(小结)
2018/06/19 Python
浅谈django orm 优化
2018/08/18 Python
python3连接mysql获取ansible动态inventory脚本
2020/01/19 Python
Python实现密钥密码(加解密)实例详解
2020/04/26 Python
Numpy中np.random.rand()和np.random.randn() 用法和区别详解
2020/10/23 Python
利用Opencv实现图片的油画特效实例
2021/02/28 Python
css3实现二维码扫描特效的示例
2020/10/29 HTML / CSS
CSS3实现菜单悬停效果
2020/11/17 HTML / CSS
后勤副校长自我鉴定
2013/10/13 职场文书
遗体告别仪式答谢词
2014/01/23 职场文书
2014乡镇党政班子四风问题思想汇报
2014/09/14 职场文书
个人对照检查材料思想汇报
2014/09/26 职场文书