脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JavaScript string转number

JavaScript中string转换成number介绍

 更新时间：2014年12月31日 09:42:44   投稿：junjie  
这篇文章主要介绍了JavaScript中string转换成number介绍,本文讲解了3种将string值转换成number的方法,需要的朋友可以参考下

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中解决多浏览器兼容性23个问题的快速解决方法

    JavaScript中解决多浏览器兼容性23个问题的快速解决方法

    下面小编就为大家带来一篇JavaScript中解决多浏览器兼容性23个问题的快速解决方法。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • js定时器实现倒计时效果

    js定时器实现倒计时效果

    这篇文章主要为大家详细介绍了js定时器实现倒计时效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-11-11
  • javascript中Promise的三种状态示例详解

    javascript中Promise的三种状态示例详解

    这篇文章主要给大家通过讲解和实践,详细介绍了Promise对象的三种状态：pending（待定）、fullfilled（已兑现）、rejected（已拒绝）,并通过日志查看,展示了Promise状态的改变顺序,帮助读者更好的理解和应用Promise,需要的朋友可以参考下
    2024-10-10
  • 微信小程序自定义底部弹出框

    微信小程序自定义底部弹出框

    这篇文章主要为大家详细介绍了微信小程序自定义底部弹出框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2018-07-07
  • xmlplus组件设计系列之分隔框（DividedBox)（8）

    xmlplus组件设计系列之分隔框（DividedBox)（8）

    xmlplus 是一个JavaScript框架，用于快速开发前后端项目。这篇文章主要介绍了xmlplus布局类组件之分隔框，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-05-05
  • 实例解析package.json和最常见的scripts字段

    实例解析package.json和最常见的scripts字段

    日常开发中，现在的前端开发已经被三大框架取代，其中最主流的不过vue和react，而开发这些项目的时候不得不接触package.json这个文件，可你真的了解这个文件吗？今天给大家聊聊package.json和最常见的scripts字段，感兴趣的朋友一起看看吧
    2023-04-04
  • JavaScript setTimeout()基本用法有哪些

    JavaScript setTimeout()基本用法有哪些

    这篇文章主要介绍了JavaScript setTimeout()基本用法有哪些,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-11-11
  • 网页广告中JS代码的信息监听示例

    网页广告中JS代码的信息监听示例

    在一些网页广告中提供的JS代码可以进行代码注入，然后监视各种元素，下面有个示例，大家可以参考下
    2014-04-04
  • bootstrap手风琴折叠示例代码分享

    bootstrap手风琴折叠示例代码分享

    这篇文章主要为大家详细介绍了bootstrap手风琴折叠示例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-05-05
  • 微信小程序实现传递多个参数与事件处理

    微信小程序实现传递多个参数与事件处理

    这篇文章主要介绍了微信小程序实现传递多个参数与事件处理，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08

最新评论