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 相关文章推荐
Prototype使用指南之string.js
Jan 10 Javascript
COM中获取JavaScript数组大小的代码
Nov 22 Javascript
编写Js代码要注意的几条规则
Sep 10 Javascript
jQuery实现的简洁下拉菜单导航效果代码
Aug 26 Javascript
javascript函数中的3个高级技巧
Sep 22 Javascript
分类解析jQuery选择器
Nov 23 Javascript
Node.js读取文件内容示例
Mar 07 Javascript
vue2组件实现懒加载浅析
Mar 29 Javascript
JS实现二维数组横纵列转置的方法
Apr 17 Javascript
AngularJS 监听变量变化的实现方法
Oct 09 Javascript
layui的select联动实现代码
Sep 28 Javascript
node.js制作一个简单的登录拦截器
Feb 10 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
超外差式晶体管收音机的组装与统调
2021/03/01 无线电
实用函数5
2007/11/08 PHP
PHP实现动态柱状图改进版
2015/03/30 PHP
双冒号 ::在PHP中的使用情况
2015/11/05 PHP
PHP迭代器和迭代的实现与使用方法分析
2018/04/19 PHP
针对PHP开发安全问题的相关总结
2019/03/22 PHP
php实现推荐功能的简单实例
2019/09/29 PHP
Laravel Reponse响应客户端示例详解
2020/09/03 PHP
jQuery的三种$()
2009/12/30 Javascript
javascript中cookie对象用法实例分析
2015/01/30 Javascript
设计模式中的facade外观模式在JavaScript开发中的运用
2016/05/18 Javascript
JavaScript面向对象编写购物车功能
2016/08/19 Javascript
js仿小米手机上下滑动效果
2017/02/05 Javascript
jquery处理checkbox(复选框)是否被选中实例代码
2017/06/12 jQuery
JavaScript字符串检索字符的方法
2017/06/23 Javascript
浅谈开发eslint规则
2018/10/01 Javascript
微信小程序实现复选框效果
2018/12/28 Javascript
关于js陀螺仪的理解分析
2019/04/11 Javascript
原生js实现针对Dom节点的CRUD操作示例
2019/08/26 Javascript
python使用xlrd模块读写Excel文件的方法
2015/05/06 Python
Python 查看list中是否含有某元素的方法
2018/06/27 Python
Python 堆叠柱状图绘制方法
2019/07/29 Python
对django的User模型和四种扩展/重写方法小结
2019/08/17 Python
Python3从零开始搭建一个语音对话机器人的实现
2019/08/23 Python
python,Java,JavaScript实现indexOf
2020/09/09 Python
Kiehl’s科颜氏西班牙官方网站:源自美国的植物护肤品牌
2020/02/22 全球购物
工艺工程师岗位职责
2014/03/04 职场文书
大学生入党推荐书范文
2014/05/17 职场文书
文化产业实施方案
2014/06/07 职场文书
小学亲子活动总结
2014/07/01 职场文书
材料专业大学毕业生自荐书
2014/07/02 职场文书
党员教师群众路线对照检查材料思想汇报
2014/09/29 职场文书
教师外出学习心得体会
2016/01/18 职场文书
党性教育心得体会(共6篇)
2016/01/21 职场文书
入党心得体会
2019/06/20 职场文书
七年级作文之我的梦想
2019/10/16 职场文书