脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → 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

您可能感兴趣的文章:

相关文章

  • ES7中利用Await减少回调嵌套的方法详解

    ES7中利用Await减少回调嵌套的方法详解

    大家都知道在ES7中有了标准的回调函数嵌套的解决方案，新增了 async/await两个关键词，所以这篇文章主要给大家介绍了关于Javascript中如何利用Await减少回调嵌套的相关资料，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。
    2017-11-11
  • 标准的js无缝滚动效果

    标准的js无缝滚动效果

    这篇文章主要为大家详细介绍了标准的js无缝滚动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-08-08
  • json中换行符的处理方法示例介绍

    json中换行符的处理方法示例介绍

    json经常使用，但如果字段中出现换行符如何处理，测试一下json类的处理，也没有发现。想不到最终的处理确实如此简单
    2014-06-06
  • Bootstrap基本组件学习笔记之缩略图(13)

    Bootstrap基本组件学习笔记之缩略图(13)

    这篇文章主要为大家详细介绍了Bootstrap基本组件学习笔记之缩略图,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-12-12
  • js的回调函数详解

    js的回调函数详解

    本文主要介绍了个人对于javascript中回调函数的理解和使用方法及示例,需要的朋友可以参考下
    2015-01-01
  • 教你JavaScript利用charAt()统计出现次数最多的字符和次数

    教你JavaScript利用charAt()统计出现次数最多的字符和次数

    这篇文章主要介绍了JavaScript利用charAt()统计出现次数最多的字符和次数的操作方法，本文以判断一个字符串'aabcdobdackoppz'中出现次数最多的字符，并统计其次数为例，通过实例代码给大家详细介绍，需要的朋友参考下吧
    2021-08-08
  • iframe子父页面调用js函数示例

    iframe子父页面调用js函数示例

    iframe子页面调用父页面js函数及iframe父页面调用子页面js函数在实际项目中都是很实用的，下面有个不错的示例，感兴趣的朋友可以了解下
    2013-11-11
  • webpack-merge的使用教程

    webpack-merge的使用教程

    这篇文章主要介绍了webpack-merge的使用,webpack-merge 工具提供了各种 merge(合并) 高级功能，本文给大家详细讲解，需要的朋友可以参考下
    2023-02-02
  • javascript基本算法汇总

    javascript基本算法汇总

    这篇文章主要为大家详细介绍了javascript基本算法，包括输出奇偶数控制算法、冒泡排序等，感兴趣的小伙伴们可以参考一下
    2016-03-03
  • js实现轮播图效果 纯js实现图片自动切换

    js实现轮播图效果 纯js实现图片自动切换

    这篇文章主要为大家详细介绍了js实现轮播图效果，图片自动切换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-08-08

最新评论