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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。