如何在 JavaScript 中檢查變數是否為整數?
在本教程中,我們將學習如何檢查 JavaScript 中的變數是否為整數。在解決問題之前,我們必須先明確問題。我們可以問自己:“為什麼我們需要檢查變數是否為整數?”。讓我們用一個簡單的例子來理解答案。假設我們正在使用輸入文字框從使用者那裡獲取值。它以字串格式返回這些值,現在假設我們要對這些值進行加法運算。我們會得到正確的結果嗎?顯然不會。因此,在這種情況下,我們需要檢查變數是否為整數。
此外,我們經常需要只使用整數而不是浮點數進行運算。因此,可能會有許多場景需要我們檢查變數型別。
以下是檢查變數是否為整數或其他型別的幾種方法。
使用 Number.isInteger() 方法
使用 typeof 運算子
使用 parseInt() 方法
使用 Number.isInteger() 方法
Number 的 `isInteger()` 方法將變數作為引數,如果變數是整數,則返回 true。否則,返回 false。
語法
使用者可以按照以下語法使用 `isInteger()` 方法。
Number.isInteger( variable );
引數
variable − 可以是任何變數,例如浮點數、字串等,用於檢查它是否為整數
示例
在下面的示例中,我們使用了 `isInteger()` 方法來檢查變數是否為整數。我們對不同的值應用了 `isInteger()` 方法,其中一個值是 Infinity。使用者可以在輸出中看到結果。
<html> <head> <title>Check if variable is of integer type.</title> </head> <body> <h2>Check if variable is of integer type in JavaScript using <i> isInteger() </i> method.</h2> <h4>output for value 10.</h4> <div id = "result1"></div> <h4>Output for Infinity.</h4> <div id = "result2"></div> <h4>output for 0.123</h4> <div id = "result3"></div> <script> let result1 = document.getElementById("result1"); let result2 = document.getElementById("result2"); let result3 = document.getElementById("result3"); let number = 10; result1.innerHTML = Number.isInteger(number) number = Infinity; result2.innerHTML = Number.isInteger(number); numer = 0.123; result3.innerHTML = Number.isInteger(number); </script> </body> </html>
在上面的輸出中,使用者可以看到,`isInteger()` 方法對於 Infinity 和浮點值返回“false”。
使用 typeof 運算子
`typeof` 運算子可用於檢查 JavaScript 中任何變數的型別。我們將首先檢查變數的型別,如果變數的型別是數字,那麼我們將檢查它是否包含小數部分。如果數字不包含小數部分,則它應該是整數。要檢查數字是否包含小數部分,我們可以將數字與 1 取模。
使用者可以按照以下語法應用上述方法。
語法
let number = 10; // if modulo of number with 1 is 0, it doesn’t contains the decimal part and number is an Integer. let result = typeof number == "number" && number % 1 == 0 ? true : false;
示例
<html> <head> <title>Check if variable is of integer type.</title> </head> <body> <h2>Check if variable is of integer type in JavaScript using <i> typeof operator.</i></h2> <h4>output for value 10</h4> <div id = "result1"></div> <h4>Output for 10.10</h4> <div id = "result2"></div> <script> let result1 = document.getElementById("result1"); let result2 = document.getElementById("result2"); let number = 10; result1.innerHTML = typeof number == "number" && number % 1 == 0 ? true : false; number = 10.10; result2.innerHTML = typeof number == "number" && number % 1 == 0 ? true : false;; </script> </body> </html>
使用 parseInt() 方法
parseInt() 方法從字串或浮點數返回整數部分。我們還將從數字中解析整數部分並將其與我們的實際數字進行比較。如果 parseInt() 方法返回的值和實際數字的值相同,則該數字為整數。
此外,我們還將在此方法中使用嚴格相等運算子來比較返回值和實際值,因為它也比較變數的資料型別。
使用者可以按照以下語法使用上述方法。
語法
number === parseInt( number );
示例
在下面的示例中,我們使用了 parseInt() 方法和嚴格相等運算子來檢查數字是否為整數。作為第二個輸入,我們傳遞了字串值來檢查它是否為整數。使用者可以在輸出中看到結果。
<html> <head> <title>Check if variable is of integer type.</title> </head> <body> <h2>Check if variable is of integer type in JavaScript using <i> parseInt() </i> method.</h2> <h4>output for value 14300</h4> <div id = "result1"></div> <h4>Output for "20"</h4> <div id = "result2"></div> <script> let result1 = document.getElementById("result1"); let result2 = document.getElementById("result2"); let number = 14300; result1.innerHTML = number === parseInt(number); number = "10"; result2.innerHTML = number === parseInt(number); </script> </body> </html>
我們學習了三種檢查變數是否為整數的方法。最好使用 isInteger() 方法來實現我們的目標。但是,本教程中沒有討論許多其他方法。其中一種方法是從數字中刪除小數部分,使用按位運算子,並將其與實際值進行比較。
資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP