Heim > Web-Frontend > js-Tutorial > Wie überprüfe ich in JavaScript nach null/undefinierter/leerer Zeichenfolge?

Wie überprüfe ich in JavaScript nach null/undefinierter/leerer Zeichenfolge?

WBOY
Freigeben: 2023-08-22 14:17:09
nach vorne
1487 Leute haben es durchsucht

Wie überprüfe ich in JavaScript nach null/undefinierter/leerer Zeichenfolge?

In JavaScript stellt „“ eine leere Zeichenfolge dar, und wir können das Schlüsselwort null verwenden, um die Zeichenfolge auf einen Nullwert zu initialisieren. Wenn wir keiner Variablen einen Wert zuweisen, ist sie standardmäßig undefiniert.

Manchmal müssen wir bei der Verarbeitung von Zeichenfolgen prüfen, ob die Zeichenfolge leer oder undefiniert ist oder einen Nullwert hat. Beispielsweise erhalten wir Details vom Benutzer über ein HTML-Formular und der Benutzer kann eine leere Zeichenfolge in das Eingabefeld einfügen. Wir müssen das Eingabefeld validieren und dem Benutzer eine Fehlermeldung anzeigen.

In diesem Tutorial lernen wir drei Methoden kennen, um zu überprüfen, ob eine Zeichenfolge leer, null oder undefiniert ist.

Verwenden Sie die Methode string.trim() und die Eigenschaft string.length

Mit der Methode

string.trim() können wir Leerzeichen am Anfang einer Zeichenfolge entfernen. So können wir die Zeichenfolge vom Anfang der Zeichenfolge entfernen. Danach können wir prüfen, ob die Länge des Strings Null ist, was bedeutet, dass der String leer, null oder undefiniert sein kann.

Grammatik

Benutzer können die Methode string.trim() und die Eigenschaft string.length() gemäß der folgenden Syntax verwenden, um nach leeren, undefinierten oder Null-Strings zu suchen.

let string1 = " ";
string1 = string1.trim();
if (string1.length == 0) {
   // string is empty
}
Nach dem Login kopieren

Beispiel

(Beispiel)

Im Beispiel unten haben wir zwei verschiedene Zeichenfolgen erstellt. Einer ist leer und der andere enthält nur Leerzeichen. Der Benutzer kann in der Ausgabe sehen, dass unsere Logik anzeigt, dass beide Zeichenfolgen leer sind, da die zweite Zeichenfolge nur Leerzeichen enthält.

<html>
<body>
   <h3> Using the<i> string.trim() method and string.length() </i> property to check whether a string is null, undefined, or empty. </h3>
   <p id = "output"> </p>
   <script>
      let output = document.getElementById("output");
      let string1 = "";
      let string2 = " ";
      string1 = string1.trim();
      string2 = string2.trim();
      if (string1.length == 0) {
         output.innerHTML += "The string1 is empty! </br>";
      }
      if (string2.length == 0) {
         output.innerHTML += "The string2 is empty! </br>";
      }
   </script>
</body>
</html>
Nach dem Login kopieren

Konvertieren Sie die Zeichenfolge in einen booleschen Wert und prüfen Sie, ob sie leer, undefiniert oder null ist

Wir können einen String mithilfe des Booleschen Konstruktors oder des Doppelnegationsoperators (!!) in einen Booleschen Wert konvertieren. Wenn wir eine Variable in einen booleschen Wert konvertieren, werden alle falschen Werte auf „falsch“ und alle anderen Werte auf „wahr“ abgebildet. In JavaScript sind leere Zeichenfolgen, null und undefiniert allesamt falsche Werte. Wenn wir sie also in einen booleschen Wert konvertieren, gibt der Boolean()-Konstruktor immer false zurück.

Grammatik

In der folgenden Syntax haben wir den Konstruktor Boolean() verwendet, um die Zeichenfolge in einen booleschen Wert umzuwandeln und zu prüfen, ob sie leer ist.

let string3 = undefined;
if (Boolean(string3) == false) {
   // string3 is either null, empty, or undefined
}
Nach dem Login kopieren

Beispiel

(Beispiel)

Im folgenden Beispiel haben wir drei Zeichenfolgen konvertiert, die Null-, Null- und undefinierte Werte enthalten. Zusätzlich haben wir die Funktion isValid() erstellt, die einen String als Parameter akzeptiert und den String in einen booleschen Wert umwandelt. Anschließend prüfen wir, ob der Wert der vom Boolean()-Konstruktor zurückgegebenen Zeichenfolge wahr oder falsch ist.

<html>
<body>
   <h3> Converting the<i> string to boolean </i> to check whether a string is null, undefined, or empty. </h3>
   <p id = "output"> </p>
   <script>
      let output = document.getElementById("output");
      let str1 = "";
      let str2 = null;
      let str3 = undefined;
      function isValid(str) {
         if (Boolean(str)) {
         output.innerHTML += "The " + str + " is valid <br/>";
         } else {
            output.innerHTML += "The " + str + " is not valid <br/>";
         }
      }
      isValid(str1);
      isValid(str2);
      isValid(str3);
      isValid("Hello");
   </script>
</body>
</html>
Nach dem Login kopieren

In der obigen Ausgabe kann der Benutzer beobachten, dass der boolesche Konstruktor für leere, null- und undefinierte Zeichenfolgen „false“ und für die Zeichenfolge „Hallo“ „true“ zurückgibt.

Verwenden Sie einen strikten Gleichheitsoperator

Der strikte Gleichheitsoperator ermöglicht es uns, die Werte zweier Variablen zu vergleichen und auch die Typen der Variablen zu vergleichen. Hier vergleichen wir unsere Zeichenfolge mit „“, null und undefiniert. Darüber hinaus werden wir diese drei Bedingungen zusammen in einer einzigen if-Bedingung verwenden, indem wir den OR-Operator verwenden.

Wenn eine dieser drei Bedingungen wahr wird, bedeutet dies, dass die Zeichenfolge ungültig ist.

Grammatik

Benutzer können den strikten Gleichheitsoperator gemäß der folgenden Syntax verwenden, um zu prüfen, ob eine Zeichenfolge leer, null oder undefiniert ist.

if (str === "" || str === null || str === undefined) {
   // string is not valid
} else {
   // string is valid
}
Nach dem Login kopieren

Beispiel

(Beispiel)

Im folgenden Beispiel enthält die Funktion isValid() if-else-Anweisungen, um zu überprüfen, ob die Zeichenfolge gültig ist. Wie in der Syntax besprochen, haben wir den OR-Operator in der Bedingung der if-Anweisung verwendet, um die drei Bedingungen leerer String, Null und undefinierter String gleichzeitig zu überprüfen.

<html>
<body>
   <h3> Using the<i> strict equality operator </i> to check whether string is null, undefined or empty.</h3>
   <p id = "output"> </p>
   <script>
      let output = document.getElementById("output");
      function isValid(str) {
         if (str === "" || str === null || str === undefined) {
         output.innerHTML += "The " + str + " is not valid <br/>";
          } else {
            output.innerHTML += "The " + str + " is valid <br/>";
         }
      }
      isValid(null);
      isValid(undefined);
      isValid("TutorialsPoint");
   </script>
</body>
</html>
Nach dem Login kopieren

Benutzer haben drei Möglichkeiten kennengelernt, um zu überprüfen, ob eine Zeichenfolge leer oder undefiniert ist oder einen Nullwert hat. Von diesen drei Methoden ist die zweite Methode die beste, die den Boolean()-Konstruktor verwendet.

Benutzer können jedoch den Operator „Doble, Not(!!)“ verwenden, der eine einfache Syntax bietet, aber nicht für Anfänger geeignet ist.

Das obige ist der detaillierte Inhalt vonWie überprüfe ich in JavaScript nach null/undefinierter/leerer Zeichenfolge?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:tutorialspoint.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage