JavaScript parseInt()用法及代码示例

下面是 parseInt() 函数的示例。

Example:


   
<script> 
    var v1 = parseInt("3.14"); 
  
    document.write('Using parseInt("3.14") = '
    + v1 + "<br>"); 
</script>

Output:
```
Using parseInt("3.14") = 3
```

parseInt() 函数用于接受字符串,radix 参数并将其转换为整数。 radix 参数用于指定要使用的数字系统，例如 16(十六进制)的基数表示字符串中的数字应该从十六进制数解析为十进制数。如果字符串不包含数值，则返回 NaN，即不是数字。

用法:

parseInt(Value, radix)

参数：该函数接受上述和以下所述的两个参数：

Value:此参数包含转换为整数的字符串。

radix:此参数表示要使用的基数或基数，它是可选的。

返回值：它返回一个数字，如果第一个字符不能转换为数字，则函数返回 NaN。它实际上返回一个经过解析的数字，直到遇到一个不是指定基数(基数)中的数字的字符。

下面的例子说明了 JavaScript 中的 parseInt() 函数：

范例1：n 包含 2018 年，因为“@”不是数字，解析在该点停止，其他字符将被忽略。
```
Input:var n = parseInt("2018@geeksforgeeks");
Output:n = 2018
```

范例2：

Input:var a = parseInt("1000");
Output:a = 1000(Number)

以上函数的更多示例代码如下：

程序1:


<!DOCTYPE html>
<html>
<body>
    <script>
      
        a = parseInt("100");
        document.write('parseInt("100") = ' +
        a + "<br>");
          
        // It returns a Integer until
        // it encounters Not a Number character
        b = parseInt("2018@geeksforgeeks");
        document.write('parseInt("2018@geeksforgeeks") = ' + 
        b + "<br>");
          
        // It returns NaN on Non numeral character
        c = parseInt("geeksforgeeks@2018");
        document.write('parseInt("geeksforgeeks@2018") = ' + 
        c + "<br>");
          
        // It returns Integer value of a Floating point Number
        d = parseInt("3.14");
        document.write('parseInt("3.14") = ' + d + "<br>");
          
        // It returns only first Number it encounters
        e = parseInt("21 7 2018");
        document.write('parseInt("21 7 2018") = ' + 
        e + "<br>");
      
    </script>
</body>
</html>

输出：

parseInt("100") = 100
parseInt("2018@geeksforgeeks") = 2018
parseInt("geeksforgeeks@2018") = NaN
parseInt("3.14") = 3
parseInt("21 7 2018") = 21

程序2:如果 parseInt() 函数中没有提到基数，并且字符串的开头包含 “0x”，则将其视为十六进制值。默认情况下，基数为 10(十进制)。请注意，在第 11 行中有 ‘8’，它是一个未在基数 8 数字系统中定义的字符，因此它返回 NaN。


<!DOCTYPE html>
<html>
    <body>
        <script>
          
        // Base 10
        a = parseInt("100",10);
        document.write('parseInt("100",10) = ' + 
        a + "<br>");
          
        // Base 8
        b = parseInt("8",8);
        document.write('parseInt("8",8) = ' + 
        b + "<br>");
          
        // Base 8
        c = parseInt("15",8);
        document.write('parseInt("15",8) = ' + 
        c + "<br>");
          
        // Base 16
        d = parseInt("16",16);
        document.write('parseInt("16",16) = ' + 
        d + "<br>");
          
        // Leading and trailing spaces are ignored 
        // in parseInt() function
        e = parseInt(" 100 ");
        document.write('parseInt(" 100 ") = ' + 
        e + "<br>");
          
        // Base 16(hexadecimal)
        f = parseInt("0x16");
        document.write('parseInt("0x16") = ' + 
        f + "<br>");
          
        </script>
      
    </body>
</html>

输出：

parseInt("100",10) = 100
parseInt("8",8) = NaN
parseInt("15",8) = 13
parseInt("16",16) = 22
parseInt(" 100 ") = 100
parseInt("0x16") = 22

支持的浏览器：

谷歌浏览器
Firefox
IE浏览器
Safari
Opera

相关用法

Lodash _.parseInt()用法及代码示例

注：本文由纯净天空筛选整理自vivekkothari大神的英文原创作品 JavaScript parseInt() Function。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。