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

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

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript将字符串转换成数字

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

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

alert("30"/5);
       //除运算，结果为：6alert("15"-5);
       //减运算，结果为：10alert("20"*"a");
     //乘运算，结果为：NaNalert("20"%"3");
     //取模运算，结果为：2

VAR num1 = "6";
    var num2 = "6";
    var num3 = "a";
    alert(++num1);
      //将字符串转换为数字再进行++运算，结果为：7alert(--num2);
      //将字符串转换为数字再进行--运算，结果为：5alert(++num3);
      //字符串无法转换为数字，结果为：NaN

方法2：使用Number()函数

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

使用格式如下：

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，结果为：10alert(Number("+010"));
      //去掉前导0和+，结果为：10alert(Number("-10"));
      //转换后保留“-”号，结果为：-10alert(Number(''));
          //空字符串的转换结果为：0alert(Number(true));
       //布尔值true的转换结果为：1alert(Number(null));
       //null值的转换结果为：0var d = new Date();
          //创建一个Date对象alert(Number(d));
         //转换Date对象，结果为1970.1.1至执行转换时的毫秒数：1511351635179alert(Number("100px"));
       //参数中包含了不能转换为数字的字符px，结果为：NaNalert(Number("100 01"));
      //参数中包含了空格，导致整个参数不能转换，结果为：NaNalert(Number("100-123"));
     //参数中包含了“-”，导致整个参数不能转换，结果为：NaNvar a;
                       //声明变量alert(Number(a));
     //变量a没有赋值，因而a的值为undefined,转换undefined的结果为：NaNvar fn = function (){
    alert(1);
}
    ;
     //创建一个函数对象alert(Number(fn));
         //转换函数，结果为:NaNalert(Number(window));
     //转换window对象，结果为:NaN

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

方法3：使用parseInt()函数

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

使用格式如下：

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字符串解析后的结果为：13alert(parseInt("a37f",16));
     //以16为基数的a37f字符串解析后的结果为：41855alert(parseInt("123"));
         //以10为基数的123字符串解析后的结果为：123alert(parseInt("  123"));
       //字符串前面的空格会被忽略，结果为：123alert(parseInt("12 3"));
        //字符串中包含了空格，解析到空格时停止，结果为12alert(parseInt("12.345"));
     //字符串中包含了小数点，解析到小数点时停止，结果为12alert(parseInt("xy123"));
      //字符串前面包含了非数字字符“x”，无法解析，返回结果为：NaNalert(parseInt("123xy4"));
     //字符串中包含了非数字字符“xy”，解析到“x”时停止，结果为：123

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

方法4：使用parseFloat()函数

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

使用格式如下：

parseFloat(stringNum)

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

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

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

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

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

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

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

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

转换示例：

alert(parseFloat("312.456"));
    //结果为：312.456alert(parseFloat("-3.12"));
    //字符串前面的“-”将保留，结果为：-3.12alert(parseFloat("+3.12"));
    //字符串前面的“-”将保留，结果为：3.12alert(parseFloat(".12"));
    //在小数点前面添加0，结果为：0.12alert(parseFloat("  3.12"));
    //截掉字符串前面的空格，结果为：3.12alert(parseFloat("312.4A56"));
    //字符串中包含非数字字符A，解析到A时停止，结果为：312.4alert(parseFloat("31 2.4A56"));
    //字符串中包含空格，解析到空格时停止，结果为：31alert(parseFloat("31.2.5"));
    //字符串中包含两个小数点，解析到第二个小数点时停止，结果为：31.2alert(parseFloat("a312.456"));
    //字符串前面为非数字字符a，解析无法进行，结果为：NaN

【推荐学习：javascript高级教程】

以上就是javascript怎么将字符串转换成数字的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！