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 相关文章推荐
JQuery 学习笔记01 JQuery初接触
May 06 Javascript
jQuery getJSON 处理json数据的代码
Jul 26 Javascript
JavaScript下利用fso判断文件是否存在的代码
Dec 11 Javascript
定义JavaScript二维数组采用定义数组的数组来实现
Dec 09 Javascript
Jquery为单选框checkbox绑定单击click事件
Dec 18 Javascript
中文字符串截取的js函数代码
Apr 17 Javascript
JQuery实现的图文自动轮播效果插件
Jun 19 Javascript
原生js FileReader对象实现图片上传本地预览效果
Mar 27 Javascript
使用VueRouter的addRoutes方法实现动态添加用户的权限路由
Jun 03 Javascript
vue实现页面内容禁止选中功能,仅输入框和文本域可选
Nov 09 Javascript
微信小程序实现通讯录列表展开收起
Nov 18 Javascript
token 机制和实现方式
Dec 15 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
PHP中使用php5-ffmpeg撷取视频图片实例
2015/01/07 PHP
PHP生成随机数的方法实例分析
2015/01/22 PHP
Windows下Apache + PHP SESSION丢失的解决过程全纪录
2015/04/07 PHP
jquery+json 通用三级联动下拉列表
2010/04/19 Javascript
JQ实现新浪游戏首页幻灯片
2015/07/29 Javascript
jQuery ready()和onload的加载耗时分析
2016/09/08 Javascript
JS 循环li添加点击事件 (闭包的应用)
2016/12/10 Javascript
JavaScript初学者必看“new”
2017/06/12 Javascript
Windows下Node.js安装及环境配置方法
2017/09/18 Javascript
浅谈JavaScript 代码简洁之道
2019/01/09 Javascript
inquirer.js一个用户与命令行交互的工具详解
2019/05/18 Javascript
基于Node.js搭建hexo博客过程详解
2019/06/25 Javascript
ES6 Array常用扩展的应用实例分析
2019/06/26 Javascript
jQuery Ajax async=>false异步改为同步时,解决导致浏览器假死的问题
2019/07/22 jQuery
node express使用HTML模板的方法示例
2019/08/22 Javascript
Nuxt使用Vuex的方法示例
2019/09/06 Javascript
基于jQuery实现挂号平台首页源码
2020/01/06 jQuery
如何解决vue在ios微信"复制链接"功能问题
2020/03/26 Javascript
如何封装Vue Element的table表格组件
2021/02/06 Vue.js
python利用装饰器进行运算的实例分析
2015/08/04 Python
浅谈Python中chr、unichr、ord字符函数之间的对比
2016/06/16 Python
如何使用Python多线程测试并发漏洞
2019/12/18 Python
Python3.x+pyqtgraph实现数据可视化教程
2020/03/14 Python
pycharm远程连接vagrant虚拟机中mariadb数据库
2020/06/05 Python
Volcom英国官方商店:美国殿堂级滑板、冲浪、滑雪服装品牌
2019/03/13 全球购物
Amara德国:家居饰品、设计师品牌和豪华礼品
2019/05/20 全球购物
俄罗斯香水和化妆品在线商店:Aroma-butik
2020/02/28 全球购物
linux面试相关问题
2013/04/28 面试题
求职简历的自我评价怎样写好
2013/10/07 职场文书
应届毕业生专业个人求职自荐信格式
2013/11/20 职场文书
付款委托书范本
2014/04/04 职场文书
材料成型及控制工程专业求职信
2014/06/19 职场文书
英语感谢信范文
2015/01/20 职场文书
2015年中学校长工作总结
2015/05/19 职场文书
幸福终点站观后感
2015/06/04 职场文书
面试被问select......for update会锁表还是锁行
2021/11/11 MySQL