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图片阅览组件
Nov 09 Javascript
在一个js文件里远程调用jquery.js会在ie8下的一个奇怪问题
Nov 28 Javascript
用jquery模仿的a的title属性(兼容ie6/7)
Jan 21 Javascript
iframe异步加载实现点击左边菜单加载右边内容实例讲解
Mar 04 Javascript
手机开发必备技巧:javascript及CSS功能代码分享
May 25 Javascript
微信小程序遇到修改数据后页面不渲染的问题解决
Mar 09 Javascript
详解用Node.js写一个简单的命令行工具
Mar 01 Javascript
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
Jul 13 Javascript
vue观察模式浅析
Sep 25 Javascript
100行代码实现vue表单校验功能(小白自编)
Nov 19 Javascript
Node.JS发送http请求批量检查文件中的网页地址、服务是否有效可用
Nov 20 Javascript
Ant Design Vue 添加区分中英文的长度校验功能
Jan 21 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
山进SANGEAN ATS-909X电路分析
2021/03/02 无线电
dede3.1分页文字采集过滤规则详说(图文教程)续四
2007/04/03 PHP
PHP接收App端发送文件流的方法
2016/09/23 PHP
基于thinkPHP框架实现留言板的方法
2016/10/17 PHP
PHP图像处理技术实例总结【绘图、水印、验证码、图像压缩】
2018/12/08 PHP
PHP设计模式(六)桥连模式Bridge实例详解【结构型】
2020/05/02 PHP
google 搜索框添加关键字实现代码
2010/04/24 Javascript
jquery实用代码片段集合
2010/08/12 Javascript
js控制滚动条缓慢滚动到顶部实现代码
2013/03/20 Javascript
浅谈javascript中关于日期和时间的基础知识
2016/07/13 Javascript
原生js仿jquery animate动画效果
2016/07/13 Javascript
JS去除字符串中空格的方法
2017/02/14 Javascript
vue数据双向绑定原理解析(get & set)
2017/03/08 Javascript
js实现瀑布流效果(自动生成新的内容)
2017/03/16 Javascript
Bootstrap table使用方法总结
2017/05/10 Javascript
Node.js pipe实现源码解析
2017/08/12 Javascript
微信小程序使用input组件实现密码框功能【附源码下载】
2017/12/11 Javascript
详解webpack babel的配置
2018/01/09 Javascript
小程序click-scroll组件设计
2019/06/18 Javascript
JavaScript修改注册表实例代码
2020/01/05 Javascript
vue+iview框架实现左侧动态菜单功能的示例代码
2020/07/23 Javascript
Python通过matplotlib画双层饼图及环形图简单示例
2017/12/15 Python
Python实现统计英文文章词频的方法分析
2019/01/28 Python
python实现微信定时每天和女友发送消息
2019/04/29 Python
python try except返回异常的信息字符串代码实例
2019/08/15 Python
python怎么提高计算速度
2020/06/11 Python
Python3+SQLAlchemy+Sqlite3实现ORM教程
2021/02/16 Python
戴尔英国翻新电脑和电子产品:Dell UK Refurbished Computers
2019/07/30 全球购物
Java程序员面试90题
2013/10/19 面试题
预备党员综合考察材料
2014/05/31 职场文书
村长党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
单方离婚协议书范本2014
2014/10/28 职场文书
2014年技术工作总结范文
2014/11/20 职场文书
社区植树节活动总结
2015/02/06 职场文书
教师个人年度总结
2015/02/11 职场文书
浅析NIO系列之TCP
2021/06/15 Java/Android