JS中字符串转换为数字有两种方式:

1、parseInt函数

定义:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/parseInt

语法:parseInt(string [ , radix])

参数:

string:要被解析的值。如果参数不是一个字符串,则将其转换为字符串。字符串开头的空白符将会被忽略。

radix:一个2到36之间的整数值,用于指定转换中采用的基数。

如果省略该参数或者为0,则数字将以 10 为基础来解析。

如果string以 “0x” 或 “0X” 开头,将以 16 为基数。

如果string以“0” 开头,在ECMA3中被认为是8进制;但是在ECMA5中已经强制规定此情况默认是10进制

如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN。

在ECMA规范中,对于parseInt函数解析字符串为数字的步骤如下:

看看V8中parseInt函数的源码:【只列出一部分,如需要查看请参见V8中src/conversions-inl.h和src/compiler/js-builtin-reducer.cc】

  1. if (radix == 0) { //如果传入radix是0,则以10进行处理
  2. // Radix detection.
  3. radix = 10;
  4. if (*current == '0') {
  5. ++current;
  6. if (current == end) return SignedZero(negative);
  7. if (*current == 'x' || *current == 'X') {
  8. radix = 16;
  9. ++current;
  10. if (current == end) return JunkStringValue();
  11. } else {
  12. leading_zero = true;
  13. }
  14. }
  15. } else if (radix == 16) { //16进制
  16. if (*current == '0') {
  17. // Allow "0x" prefix.
  18. ++current;
  19. if (current == end) return SignedZero(negative);
  20. if (*current == 'x' || *current == 'X') {
  21. ++current;
  22. if (current == end) return JunkStringValue();
  23. } else {
  24. leading_zero = true;
  25. }
  26. }
  27. }
  28.  
  29. if (radix < 2 || radix > 36) return JunkStringValue(); //radix不在2~36之间的处理

  

例如解析:

parseInt('0101' , 1)   => NaN

parseInt('453' , 2) => NaN  因为453不符合二进制数字,所以无法转换出正确的数字

2、Number()函数

定义:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number

计算步骤:

两种方法的区别:

参考链接:http://www.w3school.com.cn/js/pro_js_typeconversion.asp

用 Number() 进行强制类型转换,并且是转换整个字符串值,如果整个字符串不能转换成数字,则输出NaN。

例如:

parseInt('01a02', 10)  => 1    parseInt('1.22.22', 10) => 1         parseInt('1.22' , 10) => 1

Number('01a02') => NaN      Number('1.22.22') => NaN          Number('1.22')  =>  1.22

JS中数字利用parseInt进行转换成整数:

由parseInt中定义:parseInt是用于将字符串根据基数转换成整数,如果传入参数不是字符串,会首先利用toString方法转换为字符串,再转换为整数

例子:

parseInt(0.000001)   =>  0    parseInt('0.000001')    =>  0

parseInt(0.0000001) => 1     parseInt('0.0000001')  =>  0

转换0.000001和0.0000001数字时出现结果不同,那么先将看看这两个数字转换为字符串的结果:

var a = 0.000001   ;   a.toString() ;  => '0.000001'

var b = 0.0000001 ;   b.toString() ;  => '1e-7'

由此不难看出:为什么会出现上述结果。

究其原因:在ECMA规范中

可以解释0.000001和0.0000001转换为字符串后的不同结果。

所以在日常使用parseInt函数时:常用的情况无非为将字符串转换为整数或者将数字转换为整数,所以在使用将数字转换为整数时,最好需要进行判断

function newParseInt(value) {

     if(typeof value === 'number') {

         return Math.floor(value);

    }

    return parseInt(value);

}

JS中parseInt()、Numer()深度解析的更多相关文章

  1. 浅谈 js中parseInt函数的解析

    首先还是从很热门的实例parseInt("09")==0说起. parseInt(number,type)这个函数后面如果不跟第2个参数来表示进制的话,默认是10进制. 比如说pa ...

  2. 浅谈 js中parseInt函数的解析[转]

    首先还是从很热门的实例parseInt("09")==0说起. parseInt(number,type)这个函数后面如果不跟第2个参数来表示进制的话,默认是10进制. 比如说pa ...

  3. [JavaScript] JS中对Base64的解析

    JS中对Base64的解析 <script type="text/javascript"> /** * UTF16和UTF8转换对照表 * U+00000000 – U ...

  4. js中State模式的解析及运用

     状态模式,在大的范畴中的定义为当一个对象的内在状态改变时允许改变其行为,这个对象看起来像是改变了其类.每种编程语言有不同的实现方式,运用的范围也多用于游戏之中. 这里我用javascript来模拟状 ...

  5. js中的prototype原型解析

    在典型的面向对象的语言中,如java,都存在类(class)的概念,类就是对象的模板,对象就是类的实例.但是在Javascript语言体系中,是不存在类(Class)的概念的,javascript中不 ...

  6. JS中的闭包 详细解析大全(面试避必考题)

    JS中闭包的介绍   闭包的概念 闭包就是能够读取其他函数内部变量的函数. 一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域无非就是两种:全局变量和局部变 ...

  7. js的new操作符深度解析

    引言 我们都知道new操作符在js中一般是用来创建一个构造函数的实例,它在创建实例具体做了什么,MDN文档是这么说的: 我一开始看到,完全没有任何的头绪和理解,到底什么意思,后面通过上网查阅了大量的资 ...

  8. js中parseInt()与parseFloat(),Number(),Boolean(),String()转换

    js将字符串转数值的方法主要有三种 转换函数.强制类型转换.利用js变量弱类型转换. 1. 转换函数: js提供了parseInt()和parseFloat()两个转换函数.前者把值转换成整数,后者把 ...

  9. js中parseInt和Number

    昨天在项目中遇到一个问题,有关字符串准换成数字的问题,具体如下: 页面中<input type="number" id="bankNum" ng-mode ...

随机推荐

  1. 错误 You are trying to run the Python 2 version of Beautiful Soup under Python 3. This will not work

    Win  10    下python3.6 使用Beautiful Soup  4错误 You are trying to run the Python 2 version of Beautiful ...

  2. mybatis比较数字或者单字母

    http://blog.csdn.net/alibert/article/details/50177017 <if test="req.queryType == '3'.toStrin ...

  3. 前端安全配置之Content-Security-Policy(csp)

    什么是CSP CSP全称Content Security Policy ,可以直接翻译为内容安全策略,说白了,就是为了页面内容安全而制定的一系列防护策略. 通过CSP所约束的的规责指定可信的内容来源( ...

  4. Hihocoder 1079 离散化

    离散化这里有很多种方式 利用结构体记录最初的索引在按位置排序再记录排名即为离散的位置再按索引排回来 或者用数组记录排序后直接对原位置二分直接去找离散应在的位置 或者对数组排序后直接map 3 20 1 ...

  5. HTML5音频视频-视频播放

  6. jQuery插件的开发之$.extend(),与$.fn.extend()

        jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法.jQuery的全局函数就是属于jQuery命名空间的函数,另一种 ...

  7. 论文阅读(Xiang Bai——【CVPR2012】Detecting Texts of Arbitrary Orientations in Natural Images)

    Xiang Bai--[CVPR2012]Detecting Texts of Arbitrary Orientations in Natural Images 目录 作者和相关链接 方法概括 方法细 ...

  8. java基础复习:final,static,以及String类

    2.final 1)为啥String是final修饰的呢? 自己答: 答案: 主要是为了“效率” 和 “安全性” 的缘故.若 String允许被继承, 由于它的高度被使用率, 可能会降低程序的性能,所 ...

  9. Qt timer学习

    QTimer(重复和单发计时器) 应用QTimer时,先创建一个QTimer类,利用connect将timeout()与对应槽函数连接,在调用start()函数设置定时器时间间隔,每经过设置时间后,定 ...

  10. java中log4j用法详细讲解和一些小总结

    0.Log4j的用法详解 首先,在项目中的classes 中新建立一个log4j.properties文件即可: 在实际编程时,要使Log4j真正在系统中运行事先还要对配置文件进行定义.定义步骤就是对 ...