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 相关文章推荐
checkbox 多选框 联动实现代码
Oct 22 Javascript
javascript验证身份证完全方法具体实现
Nov 18 Javascript
js实现右下角提示框的方法
Feb 03 Javascript
jQuery插件MixItUp实现动画过滤和排序
Apr 12 Javascript
浅谈String.valueOf()方法的使用
Jun 06 Javascript
深入理解(function(){... })();
Aug 16 Javascript
详解ES6中的let命令
Apr 05 Javascript
angular实现商品筛选功能
Feb 01 Javascript
jQuery ajax请求struts action实现异步刷新
Apr 19 jQuery
JS实现div模块的截图并下载功能
Oct 17 Javascript
angularjs中$http异步上传Excel文件方法
Feb 23 Javascript
js+css实现扇形导航效果
Aug 18 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 google或baidu分页代码
2009/11/26 PHP
PHP函数addslashes和mysql_real_escape_string的区别
2014/04/22 PHP
PHP中仿制 ecshop验证码实例
2017/01/06 PHP
PHP substr()函数参数解释及用法讲解
2017/11/23 PHP
php文件包含的几种方式总结
2019/09/19 PHP
jQuery为iframe的body添加click事件的实现代码
2011/04/07 Javascript
浅谈js常用内置方法和对象
2016/09/24 Javascript
微信小程序实现MUI数字输入框效果
2018/01/31 Javascript
jQuery中使用validate插件校验表单功能
2019/05/24 jQuery
vue + typescript + 极验登录验证的实现方法
2019/06/27 Javascript
javascript自定义日期比较函数用法示例
2019/07/22 Javascript
基于JS抓取某高校附近共享单车位置 使用web方式展示位置变化代码实例
2019/08/27 Javascript
layui.tree组件的使用以及搜索节点功能的实现
2019/09/26 Javascript
微信小程序实现音乐播放器
2019/11/20 Javascript
JavaScript简单编程实例学习
2020/02/14 Javascript
python抓取网页时字符集转换问题处理方案分享
2014/06/19 Python
python实现清屏的方法
2015/04/30 Python
Python使用爬虫猜密码
2016/02/19 Python
深入浅析python with语句简介
2018/04/11 Python
Python入门学习指南分享
2018/04/11 Python
详解Numpy中的广播原则/机制
2018/09/20 Python
Python代码块及缓存机制原理详解
2019/12/13 Python
Python使用uuid库生成唯一标识ID
2020/02/12 Python
python 引用传递和值传递详解(实参,形参)
2020/06/05 Python
Python中生成ndarray实例讲解
2021/02/22 Python
html5 桌面提醒:Notifycations应用介绍
2012/11/27 HTML / CSS
高中毕业自我鉴定范文
2013/10/02 职场文书
实习教师自我鉴定
2013/12/12 职场文书
网上祭先烈心得体会
2014/09/01 职场文书
2014标准社保办理委托书
2014/10/06 职场文书
2014年校务公开工作总结
2014/12/18 职场文书
公司放假通知范文
2015/04/14 职场文书
捐书仪式主持词
2015/07/04 职场文书
小区物业管理2015年度工作总结
2015/10/22 职场文书
2016抗战胜利71周年红领巾广播稿
2015/12/18 职场文书
Python语法学习之进程的创建与常用方法详解
2022/04/08 Python