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添加/改变/移除CSS类及判断是否已经存在CSS
Aug 20 Javascript
原生js仿jq判断当前浏览器是否为ie,精确到ie6~8
Aug 30 Javascript
jQuery实现简单二级下拉菜单
Apr 12 Javascript
js自定义回调函数
Dec 13 Javascript
更高效的使用JQuery 这里总结了8个小技巧
Apr 13 Javascript
BootStrap下拉菜单和滚动监听插件实现代码
Sep 26 Javascript
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
Jul 22 jQuery
浅谈vue.js中v-for循环渲染
Jul 26 Javascript
如何理解Vue的作用域插槽的实现原理
Aug 19 Javascript
基于vue-cli3+typescript的tsx开发模板搭建过程分享
Feb 28 Javascript
javaScript实现一个队列的方法
Jul 14 Javascript
使用webpack和rollup打包组件库的方法
Feb 25 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
phpmyadmin MySQL 加密配置方法
2009/07/05 PHP
使用PHP如何实现高效安全的ftp服务器(二)
2015/12/30 PHP
php时间计算相关问题小结
2016/05/09 PHP
PHP设计模式之观察者模式定义与用法分析
2019/04/04 PHP
jquery 弹出登录窗口实现代码
2009/12/24 Javascript
jQuery之日期选择器的深入解析
2013/06/19 Javascript
node.js中的require使用详解
2014/12/15 Javascript
使用jquery实现仿百度自动补全特效
2015/07/23 Javascript
jquery实现简洁文件上传表单样式
2015/11/02 Javascript
静态页面html中跳转传值的JS处理技巧
2016/06/22 Javascript
JS实现点击事件统计的简单实例
2016/07/10 Javascript
学习vue.js条件渲染
2016/12/03 Javascript
jQuery插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】
2017/03/23 jQuery
详解使用nodeJs安装Vue-cli
2017/05/17 NodeJs
select2 ajax 设置默认值,初始值的方法
2018/08/09 Javascript
Vue Cli3 创建项目的方法步骤
2018/10/15 Javascript
Node.js实现简单的爬取的示例代码
2019/06/25 Javascript
Vue登录主页动态背景短视频制作
2019/09/21 Javascript
layui table 列宽百分比显示的实现方法
2019/09/28 Javascript
vue 中固定导航栏的实例代码
2019/11/01 Javascript
Python实现从订阅源下载图片的方法
2015/03/11 Python
python实现递归查找某个路径下所有文件中的中文字符
2019/08/31 Python
flask框架自定义过滤器示例【markdown文件读取和展示功能】
2019/11/08 Python
JAVA和C++区别都有哪些
2015/03/30 面试题
信息技术专业大学生个人的自我评价
2013/10/05 职场文书
环保专业大学生职业规划设计
2014/01/10 职场文书
写给老婆的检讨书
2014/02/21 职场文书
应届毕业生求职信范文
2014/05/08 职场文书
副总经理任命书
2014/06/05 职场文书
给老婆的检讨书1000字
2015/01/01 职场文书
民间借贷借条如何写
2015/05/26 职场文书
《世界多美呀》教学反思
2016/02/22 职场文书
七年级作文之下雨天
2019/12/23 职场文书
MySQL 自定义变量的概念及特点
2021/05/13 MySQL
为Java项目添加Redis缓存的方法
2021/05/18 Redis
Win11 Dev 预览版25174.1000发布 (附更新修复内容汇总)
2022/08/05 数码科技