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 相关文章推荐
html读出文本文件内容
Jan 22 Javascript
js 返回时间戳所对应的具体时间
Jul 20 Javascript
js实现同一页面可多次调用的图片幻灯切换效果
Feb 28 Javascript
EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
Mar 01 Javascript
Ajax基础知识详解
Feb 17 Javascript
详谈innerHTML innerText的使用和区别
Aug 18 Javascript
express.js中间件说明详解
Mar 19 Javascript
vue组件 keep-alive 和 transition 使用详解
Oct 11 Javascript
vue 中 elment-ui table合并上下两行相同数据单元格
Dec 26 Javascript
JavaScript实现移动端带transition动画的轮播效果
Mar 24 Javascript
vue项目接口管理,所有接口都在apis文件夹中统一管理操作
Aug 13 Javascript
Openlayers3实现车辆轨迹回放功能
Sep 29 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
syphon 虹吸式咖啡冲泡冲煮倒水的得与失
2021/03/03 冲泡冲煮
php 生成WML页面方法详解
2009/08/09 PHP
php中用socket模拟http中post或者get提交数据的示例代码
2013/08/08 PHP
PHP登陆后跳转到登陆前页面实现思路及代码
2014/01/17 PHP
PHP实现搜索相似图片
2015/09/22 PHP
微信 getAccessToken方法详解及实例
2016/11/23 PHP
PHP创建XML的方法示例【基于DOMDocument类及SimpleXMLElement类】
2019/09/10 PHP
php生成HTML文件的类方法
2019/10/11 PHP
ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
2012/02/03 Javascript
解决Jquery鼠标经过不停滑动的问题
2014/03/03 Javascript
NodeJS Web应用监听sock文件实例
2015/02/18 NodeJs
JQuery实现动态适时改变字体颜色的方法
2015/03/10 Javascript
Active控件问题小结(附解决办法)
2016/06/09 Javascript
js编写的treeview使用方法
2016/11/11 Javascript
Vue使用枚举类型实现HTML下拉框步骤详解
2018/02/05 Javascript
vuex的module模块用法示例
2018/11/12 Javascript
JavaScript数组及常见操作方法小结
2019/11/13 Javascript
vue实现购物车选择功能
2020/01/10 Javascript
朴素贝叶斯Python实例及解析
2018/11/19 Python
windows系统中Python多版本与jupyter notebook使用虚拟环境的过程
2019/05/15 Python
python异常处理try except过程解析
2020/02/03 Python
python实现npy格式文件转换为txt文件操作
2020/07/01 Python
Django如何使用asyncio协程和ThreadPoolExecutor多线程
2020/10/12 Python
HTML5 CSS3新的WEB标准和浏览器支持
2009/07/16 HTML / CSS
DTD的含义以及作用
2014/01/26 面试题
艺术节主持词
2014/04/02 职场文书
企业指导教师评语
2014/04/28 职场文书
李开复演讲稿
2014/05/24 职场文书
幼儿园爱国卫生月活动总结
2014/06/30 职场文书
个人自我剖析材料
2014/09/30 职场文书
抄袭同学作业检讨书1000字
2014/11/20 职场文书
敬老院活动感想
2015/08/07 职场文书
公务员廉洁从政心得体会
2016/01/19 职场文书
解读Vue组件注册方式
2021/05/15 Vue.js
Javascript中async与await的捕捉错误详解
2022/03/03 Javascript
Python可变与不可变数据和深拷贝与浅拷贝
2022/04/06 Python