javascript怎么将字符串转换成数字

转换方法:1、利用“-”、“*”、“/”、“%”、“++”、“--”等运算符;2、使用“Number(值)”语句;3、使用“parseInt(stringNum)”语句;4、使用“parseFloat(stringNum)”语句。

本教程操作环境:windows7系统、javascript1.8.5版。

javascript将字符串转换成数字

方法1:使用-*/%++、--等运算符

JavaScript 会自动将字符串转换成数字,对无法转换为数字的则转换为 NaN。例如:

1

2

3

4

alert("30"/5);   //除运算,结果为:6

alert("15"-5);   //减运算,结果为:10

alert("20"*"a"); //乘运算,结果为:NaN

alert("20"%"3"); //取模运算,结果为:2

1

2

3

4

5

6

var num1 = "6";

var num2 = "6";

var num3 = "a";

alert(++num1);  //将字符串转换为数字再进行++运算,结果为:7

alert(--num2);  //将字符串转换为数字再进行--运算,结果为:5

alert(++num3);  //字符串无法转换为数字,结果为:NaN

方法2:使用Number()函数

Number()函数可以将参数转换为一个数字

使用格式如下:

1

Number(value)

Number() 对参数 value 进行整体转换,当参数值中任何地方包含了无法转换为数字的符号时,转换失败,此时将返回 NaN,否则返回转换后的数字。

Number() 对参数进行数字转换时,遵循以下一些规则:

  • 如果参数中只包含数字时,将转换为十进制数字,忽略前导 0 以及前导空格;如果数字前面为-,-会保留在转换结果中;如果数字前面为+,转换后将删掉+号;

  • 如果参数中包含有效浮点数字,将转换为对应的浮点数字,忽略前导 0 以及前导空格;如果数字前面为-,-会保留在转换结果中;如果数字前面为+,转换后将删掉+号;

  • 如果参数中包含有效的十六进制数字,将转换为对应大小的十进制数字;

  • 如果参数为空字符串,将转换为 0;

  • 如果参数为布尔值,则将 true 转换为 1,将 false 转换为 0;

  • 如果参数为 null,将转换为 0;

  • 如果参数为 undefined,将转换为 NaN;

  • 如果参数为 Date 对象,将转换为从 1970 年 1 月 1 日到执行转换时的毫秒数;

  • 如果参数为函数、包含两个元素以上的数组对象以及除 Date 对象以外的其他对象,将转换为 NaN;

如果在参数前面包含了除空格、+和-以外的其他特殊符号或非数字字符,或在参数中间包含了包括空格、+和-的特殊符号或非数字字符,将转换为 NaN。

转换示例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

alert(Number("0010"));  //去掉两个前导0,结果为:10

alert(Number("+010"));  //去掉前导0和+,结果为:10

alert(Number("-10"));  //转换后保留“-”号,结果为:-10

alert(Number(''));      //空字符串的转换结果为:0

alert(Number(true));   //布尔值true的转换结果为:1

alert(Number(null));   //null值的转换结果为:0

var d = new Date();      //创建一个Date对象

alert(Number(d));     //转换Date对象,结果为1970.1.1至执行转换时的毫秒数:1511351635179

alert(Number("100px"));   //参数中包含了不能转换为数字的字符px,结果为:NaN

alert(Number("100 01"));  //参数中包含了空格,导致整个参数不能转换,结果为:NaN

alert(Number("100-123")); //参数中包含了“-”,导致整个参数不能转换,结果为:NaN

var a;                   //声明变量

alert(Number(a));     //变量a没有赋值,因而a的值为undefined,转换undefined的结果为:NaN

var fn = function (){alert(1);}; //创建一个函数对象

alert(Number(fn));     //转换函数,结果为:NaN

alert(Number(window)); //转换window对象,结果为:NaN

从上述示例中,我们也可以看到,Number() 是从整体上进行转换的,任何一个地方含有非法字符,都将导致转换无法成功。接下来将介绍的两个函数与 Number() 不同的是,转换是从左到右逐位进行转换,任何一位无法转换时立即停止转换,同时返回已成功转换的值。

方法3:使用parseInt()函数

parseInt()函数可以将参数转换为一个整数

使用格式如下:

1

parseInt(stringNum,[radix])

stringNum 参数为需要转换为整数的字符串;radix 参数为 2~36 之间的数字,表示 stringNum 参数的进制数,取值为 10 时可省略。

parseInt() 的作用是将以 radix 为基数的 stringNum 字符串参数解析成十进制数。若 stringNum 字符串不是以合法的字符开头,则返回 NaN;解析过程中如果遇到不合法的字符,将马上停止解析,并返回已经解析的值。

parseInt() 在解析字符串为整数时,遵循以下规则:

  • 解析字符串时,会忽略字符串前后的空格;如果字符串前面为-,-会保留在转换结果中;如果数字前面为+,转换后将删掉+号;

  • 如果字符串前面为除空格、+和-以外的特殊符号或除 a~f(或 A~F)之外的非数字字符,字符串将不会被解析,返回结果为 NaN;

  • 在字符串中包含了空格、+、-和小数点“。”等特殊符号或非数字的字符时,解析将在遇到这些字符时停止,并返回已解析的结果;

  • 如果字符串是空字符串,返回结果为 NaN。

转换示例:

1

2

3

4

5

6

7

8

alert(parseInt("1101",2));  //以2为基数的1101字符串解析后的结果为:13

alert(parseInt("a37f",16)); //以16为基数的a37f字符串解析后的结果为:41855

alert(parseInt("123"));     //以10为基数的123字符串解析后的结果为:123

alert(parseInt("  123"));   //字符串前面的空格会被忽略,结果为:123

alert(parseInt("12 3"));    //字符串中包含了空格,解析到空格时停止,结果为12

alert(parseInt("12.345")); //字符串中包含了小数点,解析到小数点时停止,结果为12

alert(parseInt("xy123"));  //字符串前面包含了非数字字符“x”,无法解析,返回结果为:NaN

alert(parseInt("123xy4")); //字符串中包含了非数字字符“xy”,解析到“x”时停止,结果为:123

从上述示例我们可以看到,parseInt() 解析浮点数时,小数部分数据会被截掉,此时需要使用下面将介绍的 parseFloat(),而不能使用 parseInt()。

方法4:使用parseFloat()函数

parseFloat()函数可以将参数转换为一个浮点数

使用格式如下:

1

parseFloat(stringNum)

stringNum 参数为需要解析为浮点型的字符串。

parseFloat() 的作用是将首位为数字的字符串转解析成浮点型数。若 stringNum 字符串不是以合法的字符开头,则返回 NaN;解析过程中如果遇到不合法的字符,将马上停止解析,并返回已经解析的值。

parseFloat() 在解析字符串为整数时,遵循以下规则:

  • 解析字符串时,会忽略字符串前后的空格;如果字符串前面为-,-会保留在转换结果中;如果数字前面为+,转换后将删掉+号;如果字符串前面为小数点.转换结果会在小数点前面添加 0;

  • 如果字符串前面为除空格、+、-和。以外的特殊符号,字符串将不会被解析,返回结果为 NaN;

  • 在字符串中包含了空格、+和-等特殊符号或非数字的字符时,解析将在遇到这些字符时停止,并返回已解析的结果;

  • 在字符串中包含两个以上为小数点时,解析到第二个小数点时将停止解析,并返回已解析的结果;

  • 如果字符串是空字符串,返回结果为 NaN。

转换示例:

1

2

3

4

5

6

7

8

9

alert(parseFloat("312.456"));//结果为:312.456

alert(parseFloat("-3.12"));//字符串前面的“-”将保留,结果为:-3.12

alert(parseFloat("+3.12"));//字符串前面的“-”将保留,结果为:3.12

alert(parseFloat(".12"));//在小数点前面添加0,结果为:0.12

alert(parseFloat("  3.12"));//截掉字符串前面的空格,结果为:3.12

alert(parseFloat("312.4A56"));//字符串中包含非数字字符A,解析到A时停止,结果为:312.4

alert(parseFloat("31 2.4A56"));//字符串中包含空格,解析到空格时停止,结果为:31

alert(parseFloat("31.2.5"));//字符串中包含两个小数点,解析到第二个小数点时停止,结果为:31.2

alert(parseFloat("a312.456"));//字符串前面为非数字字符a,解析无法进行,结果为:NaN

javascript将字符串转换成数字相关推荐

  1. java大数转换成字符串,js字符串转换成数字与数字转换成字符串的实现方法

    摘要:这篇JavaScript栏目下的"js字符串转换成数字与数字转换成字符串的实现方法",介绍的技术点是"js字符串.字符串转换.实现方法.数字转换.字符串.转换&qu ...

  2. java面试题,将String字符串转换成数字

    2019独角兽企业重金招聘Python工程师标准>>> 题目要求:将String字符串转换成数字,不能用java自带的方法转换字符串,要求自己写一个atoi(String s),如果 ...

  3. php反转数字_PHP将字符串转换成数字

    下面给大家介绍PHP将字符串转换成数字的四种方法. 方法1: 使用number_format()函数.number_format()函数用于将字符串转换为数字.它会在成功时返回格式化的数字,否则会在失 ...

  4. 把数组里的字符串转换成数字或者把数字转换成字符串

    把数组里的字符串转换成数字或者把数字转换成字符串 场景 例:如以下接口返回的'1,2,3' 前端需要转成数组 处理完的数组里面的每一项值都变成的字符串,而我想要的是[1,2,3] 于是就找到了下面的方 ...

  5. 数组里的字符串转换成数字或者把数字转换成字符串

    数组里的字符串转换成数字或者把数字转换成字符串 var arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9]; arr1.map(String); //结果: ['1', '2', ' ...

  6. Java中将科学记数法字符串转换成数字字符串

    开发过程中,有时候科学记数法的数字,需要转换成直观的数字. 这个时候就要想办法转换一下,好在java已经提供了现成的方法. 代码如下: import java.math.BigDecimal;@Tes ...

  7. JS字符串转换成数字的三种经典方法和代码实例

    1. 转换函数: js提供了parseInt()和parseFloat()两个转换函数.前者把值转换成整数,后者把值转换成浮点数.只有对String类型调用这些方法,这两个函数才能正确运行: 对其他类 ...

  8. C++ 如何将字符串转换成数字

    使用函数:stoi(string )将string转换成int型 使用函数:stol(string )将string转换成long int型 使用函数:stof(string )将string转换成f ...

  9. 把指定长度字符串转换成数字

    /** 函数名:apatoi 功能 :把指定长度字符串转换成数字 参数 : s 数字字符串 len 长度 返回值: 转换后的数字 **/ int apatoi(char *s,int len){int ...

最新文章

  1. oracle删除表不等待,oracle故障处理之删除大表空间hang住
  2. html5 游戏图片预加载,前端实现图片(img)预加载
  3. [原创]java WEB学习笔记86:Hibernate学习之路-- -映射 n-n 关系,单向n-n,双向n-n
  4. [C#]使用HttpWebRequest请求远端服务器时如何加载SSL证书
  5. HMM算例 python 有代码
  6. Tomcat总体架构
  7. spring mvc原理_Spring常见问题整理
  8. 深度学习之迁移学习实现神奇宝贝识别
  9. CommonResult响应工具类封装
  10. 工作118:封装一个带有对话框的button组件
  11. 二十三、中断(控制计算机硬件,避免使用0000:0000-0000:03FF内存地址)
  12. SoftWater——SDN+UnderWater系列论文一
  13. 腾讯优图开源深度学习推理框架 TNN,助力 AI 开发降本增效
  14. python 在linux下通过top,和dh命令获得cpu,内存,以及硬盘信息
  15. 备战数学建模12-模糊综合评价模型
  16. SSH婚庆策划系统案例
  17. matlab的四个取整函数!
  18. 开源硬件USB抓包及协议分析工具分享
  19. 自己动手写iPhone wap浏览器之BSD Socket引擎篇
  20. 探究“补阶乘大法的本质“——糖水不等式

热门文章

  1. node js怎么进行打包发布linux,Node.js JXcore 打包
  2. shell脚本--awk数组入门案例
  3. C# Winform Chart控件用法3 柱状图
  4. Chrome浏览器查看当前帧数
  5. joplin同步到apache webdav
  6. Oracle裁员后会打算将云计算作为主战场吗?
  7. js实现鼠标拖拽效果
  8. JavaScript监控输入框字数变化,超出限制则禁止输入
  9. 数据库查询--排名查询
  10. VS2010 英文旗舰版 MFC 生成安装程序报错