Number()、parseInt()和 parseFloat()

第一个函数, 即转型函数 Number()可以用于任何数据类型,而另两个函数则专门用于把字符串转换成数值。这 3 个 函数对于同样的输入会有返回不同的结果

Number()函数的转换规则如下。
 如果是 Boolean 值,true 和 false 将分别被转换为 1 和 0。  如果是数字值,只是简单的传入和返回。
 如果是 null 值,返回 0。
 如果是 undefined,返回 NaN。
 如果是字符串,遵循下列规则:

  • 如果字符串中只包含数字(包括前面带正号或负号的情况),则将其转换为十进制数值,即"1" 会变成 1,"123"会变成 123,而"011"会变成 11(注意:前导的零被忽略了);

  • 如果字符串中包含有效的浮点格式,如"1.1",则将其转换为对应的浮点数值(同样,也会忽 略前导零);

  • 如果字符串中包含有效的十六进制格式,例如"0xf",则将其转换为相同大小的十进制整 数值;

  • 如果字符串是空的(不包含任何字符),则将其转换为 0;

  • 如果字符串中包含除上述格式之外的字符,则将其转换为 NaN。
      如果是对象,则调用对象的 valueOf()方法,然后依照前面的规则转换返回的值。如果转换

    的结果是 NaN,则调用对象的 toString()方法,然后再次依照前面的规则转换返回的字符

    串值。

举个例子

    var num1== Number("Hello world!")   ; //NaNvar num2 = Number(""); //0var num3= Number("000011"); //11var num4 = Number(true); //1

由于 Number()函数在转换字符串时比较复杂而且不够合理,因此在处理整数的时候更常用的是 parseInt()函数。parseInt()函数在转换字符串时,更多的是看其是否符合数值模式。它会忽略字 符串前面的空格,直至找到第一个非空格字符。如果第一个字符不是数字字符或者负号,parseInt() 就会返回 NaN;也就是说,用 parseInt()转换空字符串会返回 NaN(Number()对空字符返回 0)。如 果第一个字符是数字字符,parseInt()会继续解析第二个字符,直到解析完所有后续字符或者遇到了 一个非数字字符。例如,"1234blue"会被转换为 1234,因为"blue"会被完全忽略。类似地,"22.5" 4 会被转换为 22,因为小数点并不是有效的数字字符。

如果字符串中的第一个字符是数字字符,parseInt()也能够识别出各种整数格式(即前面讨论的 十进制、八进制和十六进制数)。也就是说,如果字符串以"0x"开头且后跟数字字符,就会将其当作一 5 个十六进制整数;如果字符串以"0"开头且后跟数字字符,则会将其当作一个八进制数来解析。

var num1 = parseInt("1234blue");// 1234
var num2 = parseInt("");// NaN
var num3 = parseInt("0xA");// 10(十六进制数)
var num4 = parseInt(22.5); // 22
var num5 = parseInt("070");// 56(八进制数)
var num6 = parseInt("70"); // 70(十进制数)
var num7 = parseInt("0xf");// 15(十六进制数)

在使用 parseInt()解析像八进制字面量的字符串时,ECMAScript 3 和 5 存在分歧。例如: //ECMAScript 3 认为是 56(八进制),ECMAScript 5 认为是 70(十进制)

var num = parseInt("070");

在 ECMAScript 3 JavaScript 引擎中,"070"被当成八进制字面量,因此转换后的值是十进制的 56。 而在 ECMAScript 5 JavaScript 引擎中,parseInt()已经不具有解析八进制值的能力,因此前导的零会 被认为无效,从而将这个值当成"70",结果就得到十进制的 70。在 ECMAScript 5 中,即使是在非严格 模式下也会如此。

为了消除在使用 parseInt()函数时可能导致的上述困惑,可以为这个函数提供第二个参数:转换 时使用的基数(即多少进制)。如果知道要解析的值是十六进制格式的字符串,那么指定基数 16 作为第 二个参数,可以保证得到正确的结果,例如:

var num = parseInt("0xAF", 16); //175

实际上,如果指定了 16 作为第二个参数,字符串可以不带前面的"0x"var num1 = parseInt("AF", 16); //175 var num2 = parseInt("AF"); //NaN

这个例子中的第一个转换成功了,而第二个则失败了。差别在于第一个转换传入了基数,明确告诉 parseInt()要解析一个十六进制格式的字符串;而第二个转换发现第一个字符不是数字字符,因此就 自动终止了。

指定基数会影响到转换的输出结果。例如:
var num1 = parseInt("10", 2);//2 (按二进制解析)
var num2 = parseInt("10", 8); //8 (按八进制解析)
var num3 = parseInt("10", 10); //10(按十进制解析)
var num4 = parseInt("10", 16); //16(按十六进制解析)

与 parseInt()函数类似,parseFloat()也是从第一个字符(位置 0)开始解析每个字符。而且 也是一直解析到字符串末尾,或者解析到遇见一个无效的浮点数字字符为止。也就是说,字符串中的第 一个小数点是有效的,而第二个小数点就是无效的了,因此它后面的字符串将被忽略。举例来说, "22.34.5"将会被转换为 22.34。

除了第一个小数点有效之外,parseFloat()与 parseInt()的第二个区别在于它始终都会忽略前导 的零。parseFloat()可以识别前面讨论过的所有浮点数值格式,也包括十进制整数格式。但十六进制格 式的字符串则始终会被转换成 0。由于 parseFloat()只解析十进制值,因此它没有用第二个参数指定基 数的用法。最后还要注意一点:如果字符串包含的是一个可解析为整数的数(没有小数点,或者小数点后 都是零),parseFloat()会返回整数。以下是使用 parseFloat()转换数值的几个典型示例。

NumberExample07.htm

var num1 = parseFloat("1234blue");//1234 (整数)
var num2 = parseFloat("0xA"); //0
var num3 = parseFloat("22.5");//22.5
var num4 = parseFloat("22.34.5"); //22.34
var num5 = parseFloat("0908.5");//908.5
var num6 = parseFloat("3.125e7");//31250000

JS转换为数字的方法Number()、parseInt()和 parseFloat()相关推荐

  1. C语言实现将字符串转换为数字的方法

    C语言提供了几个标准库函数,可以将字符串转换为任意类型(整型.长整型.浮点型等)的数字.以下是用atoi()函数将字符串转换为整数的一个例子: 代码如下: # include <stdio. h ...

  2. C语言中将字符串转换为数字的方法

    C语言提供了几个标准库函数,可以将字符串转换为任意类型(整型.长整型.浮点型等)的数字.以下是用atoi()函数将字符串转换为整数的一个例子: # include <stdio. h> # ...

  3. 将字符串转换成数字的方法------Integer.parseInt

    Integer.parseInt();函数,可以将数字字符串转换为数字. 具体用法如下: package shiyanyi;public class shiyanyi {public static v ...

  4. 【Java】字符串转换为数字:Integer的parseInt方法

    Java官方文档[1]的解释 public static int parseInt​(String s) throws NumberFormatException Parses the string ...

  5. js数组的map方法以及parseInt方法

    无意看到一个方法: ["1", "2", "3"].map(parseInt); 返回值为:[1, NaN, NaN]. 好奇查了下map方 ...

  6. js的数字四舍五入方法

    /*** @description 计算小数点后面几位的四舍五入处理* @param {*} num * @param {*} digit * @returns */ export const mat ...

  7. js将字符串转换为数字

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

  8. 在javascript中将字符串转换为数字的6种方法

    在javascript中,数字可以用两种不同的方式表示, 1.作为实际数字. 2. 作为字符串 . 很多时候,我们需要在javascript中将字符串转换为数字. 我们将看到6种不同的方法可以将字符串 ...

  9. python数字形式转换_在Python中将字母转换为数字

    在Python中将字母转换为数字 如何完成以下步骤? characters = ['a''b''c''d''e''f''g''h''i''j''k''l''m''n''o''p''q''r''t''u ...

最新文章

  1. iic通信原理_电子知识之IIC通信原理和协议分享
  2. 【2021】如何看待计算机视觉未来的走向?
  3. APUE学习笔记——第十章信号中10.15节例程的运行结果与书本里的不一样
  4. Spring MVC拦截器实现
  5. c++ socket 连接超时_Web性能优化之-HTTP长连接
  6. LA3415保守的老师
  7. 如何在tensorflow2环境运行tensorflow1代码
  8. RabbitMQ的Work模式
  9. Python学习笔记:常用内建模块4:hmac
  10. Java进阶高级程序员必备:深入浅出springboot+深入Java虚拟机
  11. 跨源资源共享(CORS)漏洞修复
  12. 【深度学习之ResNet】——深度残差网络—ResNet总结
  13. js立即执行函数_《JS 函数的执行时机》
  14. 手机 html宽度超出屏幕,解决华为手机用rem单位,内容超出屏幕宽度问题
  15. Paul Graham:未来的互联网创业(上)
  16. python qq机器人 2019_QQ机器人开发
  17. 拼多多如何撤销退店?万顿思教育
  18. 白杨SEO:谈谈如何让微信公众号排版设计好看又实用?
  19. 玩客云刷入Linux系统,搭建FTP服务器
  20. 设计UI的语言——XAML

热门文章

  1. Java with Mr.Seo 徐明浩 01
  2. 庄明浩回应熊猫直播被传破产:已离开挺久 不了解情况
  3. 一枚程序媛的java人生—2018年年终总结
  4. linux 电源管理 Generic PM之Suspend功能
  5. 汇量科技蔡超:提高云使用率是云计算市场的下一个增长点
  6. P3084 [USACO13OPEN]照片Photo 差分约束
  7. 声控门的工作原理与人工智能AI
  8. 根据经纬度确定行政区域_获取中国指定行政区域内所有POIS(兴趣点)的方法
  9. @EventListener注解使用及源码解析
  10. 进军数字货币新业务,500.com能否“涅槃”重生?