如何在JavaScript 中驗證整數輸入

無論是需要檢查整數以確保資料一致性，還是需要向使用者提示準確的錯誤訊息，JavaScript 提供了多種驗證方法整數輸入。

常見的方法是使用 parseInt() 函數。但是，如果您想要處理可能被解析為整數的字串等場景，僅此方法可能不夠。

穩健的整數驗證函數

以下函數結合了多項檢查以確保穩健整數驗證：

function isInt(value) {
  return !isNaN(value) &&
         parseInt(Number(value)) == value &&
         !isNaN(parseInt(value, 10));
}

此函數可以處理數字字串和原始數字，確保準確的驗證。

用於增強效能的位元運算子

如果效能是優先考慮的，您可以使用位元運算子為了進行有效的整數檢查：

function isInt(value) {
  var x = parseFloat(value);
  return !isNaN(value) && (x | 0) === x;
}

此方法使用位元 OR 運算子 (|) 將輸入強制轉換為整數。如果結果與原始值匹配，則輸入為整數。

其他驗證選項

以下是整數驗證的更多方法：

• 使用parseFloat() 短路：

function isInt(value) {
  if (isNaN(value)) return false;
  var x = parseFloat(value);
  return (x | 0) === x;
}

• function isInt(value) { if (isNaN(value)) 返回 false； var x = parseFloat(值); 返回（x | 0）=== x； }

function isInt(value) {
  if (isNaN(value)) return false;
  var x = parseFloat(value);
  return (x | 0) === x;
}

• function isInt(value) { 傳回 !isNaN(值) && parseInt(值, 10) == 值; }

function isInt(value) {
  if (isNaN(value)) return false;
  var x = parseFloat(value);
  return (x | 0) === x;
}

選擇正確的驗證方法取決於應用程式的特定要求和效能考慮因素。