javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > js字符串转换成数字

javascript中如何将字符串转换成数字

作者:khan_talen

这篇文章主要介绍了javascript中如何将字符串转换成数字问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

转换方法

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

javascript将字符串转换成数字

方法1

使用-、*、/、%、++、--等运算符

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

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

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

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

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

var num2 = "6";

var num3 = "a";

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

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

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

方法2

使用Number()函数

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

使用格式如下:

Number(value)

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

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

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

转换示例:

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()函数可以将参数转换为一个整数

使用格式如下:

parseInt(stringNum,[radix])

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

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

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

转换示例:

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()函数可以将参数转换为一个浮点数

使用格式如下:

parseFloat(stringNum)

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

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

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

转换示例:

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

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文