转换方法:1、利用“-”、“*”、“/”、“%”、“++”、“--”等运算符;2、使用“Number(值)”语句;3、使用“parseInt(stringNum)”语句;4、使用“parseFloat(stringNum)”语句。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
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
使用格式如下:
Number(value)
Number() 对参数 value 进行整体转换,当参数值中任何地方包含了无法转换为数字的符号时,转换失败,此时将返回 NaN,否则返回转换后的数字。
Number() 对参数进行数字转换时,遵循以下一些规则:
如果参数中只包含数字时,将转换为十进制数字,忽略前导 0 以及前导空格;如果数字前面为-,-会保留在转换结果中;如果数字前面为+,转换后将删掉+号;
如果参数中包含有效浮点数字,将转换为对应的浮点数字,忽略前导 0 以及前导空格;如果数字前面为-,-会保留在转换结果中;如果数字前面为+,转换后将删掉+号;
如果参数中包含有效的十六进制数字,将转换为对应大小的十进制数字;
如果参数为空字符串,将转换为 0;
如果参数为布尔值,则将 true 转换为 1,将 false 转换为 0;
如果参数为 null,将转换为 0;
如果参数为 undefined,将转换为 NaN;
如果参数为 Date 对象,将转换为从 1970 年 1 月 1 日到执行转换时的毫秒数;
如果参数为函数、包含两个元素以上的数组对象以及除 Date 对象以外的其他对象,将转换为 NaN;
如果在参数前面包含了除空格、+和-以外的其他特殊符号或非数字字符,或在参数中间包含了包括空格、+和-的特殊符号或非数字字符,将转换为 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() 不同的是,转换是从左到右逐位进行转换,任何一位无法转换时立即停止转换,同时返回已成功转换的值。
使用格式如下:
parseInt(stringNum,[radix])
stringNum 参数为需要转换为整数的字符串;radix 参数为 2~36 之间的数字,表示 stringNum 参数的进制数,取值为 10 时可省略。
parseInt() 的作用是将以 radix 为基数的 stringNum 字符串参数解析成十进制数。若 stringNum 字符串不是以合法的字符开头,则返回 NaN;解析过程中如果遇到不合法的字符,将马上停止解析,并返回已经解析的值。
parseInt() 在解析字符串为整数时,遵循以下规则:
解析字符串时,会忽略字符串前后的空格;如果字符串前面为-,-会保留在转换结果中;如果数字前面为+,转换后将删掉+号;
如果字符串前面为除空格、+和-以外的特殊符号或除 a~f(或 A~F)之外的非数字字符,字符串将不会被解析,返回结果为 NaN;
在字符串中包含了空格、+、-和小数点“。”等特殊符号或非数字的字符时,解析将在遇到这些字符时停止,并返回已解析的结果;
如果字符串是空字符串,返回结果为 NaN。
转换示例:
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()。
使用格式如下:
parseFloat(stringNum)
stringNum 参数为需要解析为浮点型的字符串。
parseFloat() 的作用是将首位为数字的字符串转解析成浮点型数。若 stringNum 字符串不是以合法的字符开头,则返回 NaN;解析过程中如果遇到不合法的字符,将马上停止解析,并返回已经解析的值。
parseFloat() 在解析字符串为整数时,遵循以下规则:
解析字符串时,会忽略字符串前后的空格;如果字符串前面为-,-会保留在转换结果中;如果数字前面为+,转换后将删掉+号;如果字符串前面为小数点.转换结果会在小数点前面添加 0;
如果字符串前面为除空格、+、-和。以外的特殊符号,字符串将不会被解析,返回结果为 NaN;
在字符串中包含了空格、+和-等特殊符号或非数字的字符时,解析将在遇到这些字符时停止,并返回已解析的结果;
在字符串中包含两个以上为小数点时,解析到第二个小数点时将停止解析,并返回已解析的结果;
如果字符串是空字符串,返回结果为 NaN。
转换示例:
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高级教程】