So validieren Sie Ganzzahleingaben in JavaScript

Ob Sie Ganzzahlen prüfen müssen, um die Datenkonsistenz sicherzustellen oder Benutzer mit genauen Fehlermeldungen zu benachrichtigen, JavaScript bietet mehrere Validierungsmethoden Ganzzahleingaben.

Ein gängiger Ansatz ist die Verwendung der Funktion parseInt(). Diese Methode allein reicht jedoch möglicherweise nicht aus, wenn Sie Szenarien wie Zeichenfolgen verarbeiten möchten, die möglicherweise als Ganzzahlen analysiert werden könnten.

Robuste Ganzzahlvalidierungsfunktion

Die folgende Funktion kombiniert mehrere Prüfungen, um Robustheit sicherzustellen Ganzzahlvalidierung:

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

Diese Funktion kann sowohl numerische Zeichenfolgen als auch Grundzahlen verarbeiten und gewährleistet so eine genaue Validierung.

Bitweise Operatoren für verbesserte Leistung

Wenn Leistung Priorität hat, können Sie bitweise Operatoren verwenden für effiziente Ganzzahlprüfungen:

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

Diese Methode verwendet den bitweisen ODER-Operator (|), um die Eingabe in eine Ganzzahl umzuwandeln. Wenn das Ergebnis mit dem ursprünglichen Wert übereinstimmt, ist die Eingabe eine Ganzzahl.

Zusätzliche Validierungsoptionen

Hier sind einige weitere Ansätze für die Ganzzahlvalidierung:

• Kurzschließen mit parseFloat():

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

• NaN Coercion:

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

• Truthy 0 Check:

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

Die Wahl der richtigen Validierungsmethode hängt von den spezifischen Anforderungen und Leistungsaspekten Ihrer Anwendung ab.