Heim > Web-Frontend > js-Tutorial > Hauptteil

Erklären Sie den nicht-booleschen zu booleschen Zwang in JavaScript?

王林
Freigeben: 2023-09-20 21:37:02
nach vorne
1402 Leute haben es durchsucht

解释一下 JavaScript 中非布尔值到布尔值的强制转换?

Wir erfahren, wie man in JavaScript nicht-boolesche Werte in boolesche Werte umwandelt. Zunächst einmal ist die Wortumwandlung in JavaScript neu. Lassen Sie uns also klären, was Zwang ist.

Zwang ist die Konvertierung einer Variablen eines Datentyps in einen anderen Datentyp. Wie wir alle wissen, ist JavaScript keine streng typisierte Sprache. Daher müssen wir den Typ der Variablen nicht definieren. Manchmal erzwingt JavaScript automatisch Variablen und führt zu unvorhersehbaren Ergebnissen in der Ausgabe.

Es gibt zwei Arten von Umwandlungen in JavaScript. Das eine ist die implizite Durchsetzung, das andere die explizite Durchsetzung. In diesem Tutorial lernen wir nacheinander beide Besetzungen kennen. Explizites Forcieren Explizite Umwandlung erfolgt, wenn ein nicht-boolescher Wert mithilfe einer der booleschen Umwandlungsmethoden (z. B. Boolean() oder !!) explizit in einen booleschen Wert umgewandelt wird.

Wir werden beide Methoden im Detail besprechen:

Explizite Umwandlung mit dem

doppelten NOT (!!)

-Operator

Wenn wir den Operator „not“ (!) für einen beliebigen Wert in JavaScript verwenden, werden nicht-boolesche Werte in boolesche Werte umgewandelt. Ein Nicht(!)-Operator liefert ein falsches Ergebnis für einen Wert, zwei Nicht(!!)-Operatoren liefern ein tatsächliches Ergebnis für einen booleschen Wert.

Grammatik

Benutzer können der folgenden Syntax folgen, um nicht-boolesche Werte mithilfe doppelter NOT-Operatoren in boolesche Werte umzuwandeln. -

var non_bool = "non-bool";
var bool = !!non_bool;
Nach dem Login kopieren

In der obigen Syntax wandelt der erste nicht(!)-Operator eine nicht_bool-Variable vom Typ string in eine boolesche Variable um. Der zweite not(!)-Operator wird verwendet, um den tatsächlichen booleschen Wert der non_bool-Variablen abzurufen.

Hier sind einige Beispiele für die Verwendung des doppelten NOT-Operators -

console.log(!!0); // logs false
console.log(!!1); // logs true
Nach dem Login kopieren

Im obigen Beispiel wird der nicht-boolesche Wert 0 mithilfe des doppelten NOT-Operators explizit in einen booleschen Wert umgewandelt. Der doppelte NOT-Operator wandelt seinen Operanden in einen booleschen Wert um und invertiert ihn dann, sodass der Ausdruck !!0 äquivalent zu !(!false) ist, was als falsch ausgewertet wird.

Sehen wir uns ein vollständiges Beispiel mit HTML und JavaScript an

Beispiel

In diesem Beispiel haben wir drei numerische Variablen mit den Namen num1, num2 und num3 erstellt. Darüber hinaus haben wir die numerischen Variablen mit unterschiedlichen positiven, negativen und Nullwerten initialisiert.

Der Benutzer kann den tatsächlichen booleschen Wert der Zahl in der Ausgabe beobachten. Der boolesche Wert Null ist falsch, da es sich um einen der falschen booleschen Werte in JavaScript handelt.

<html>
<body>
   <h2> Coercion using <i> Doble NOT (!!) </i> Operator </h2>
   <p id = "output"> </p>
   <script>
      let output = document.getElementById("output");
      let num1 = 10;
      let num2 = 0;
      let num3 = -10;

      output.innerHTML += "num1 = " + num1 + "<br/>";
      output.innerHTML += "num2 = " + num2 + "<br/>";
      output.innerHTML += "num3 = " + num3 + "<br/>";
      output.innerHTML += "The boolean results of the above number values are given below.<br/>";

      // Using Double NOT Operator
      num1 = !!num1;
      num2 = !!num2;
      num3 = !!num3;

      output.innerHTML += "num1 = " + num1 + "<br/>";
      output.innerHTML += "num2 = " + num2 + "<br/>";
      output.innerHTML += "num3 = " + num3 + "<br/>";
   </script>
</body>
</html>
Nach dem Login kopieren

Verwenden Sie den Boolean()-Konstruktor für explizite Umwandlungen

In JavaScript liegt eine explizite Umwandlung vor, wenn ein JavaScript-Entwickler eine Variable von einem Datentyp in einen anderen konvertiert. Hier lernen wir, einen nicht-booleschen Wert explizit in einen booleschen Wert umzuwandeln.

Wir können jeden Wert in einen booleschen Wert umwandeln, indem wir einfach den „booleschen“ Konstruktor in JavaScript verwenden.

Grammatik

Benutzer können nicht-boolesche Werte in JavaScript in boolesche Werte umwandeln, indem sie der folgenden Syntax folgen.

let var1 = 30;
let var2 = Boolean(var1);
Nach dem Login kopieren

In der obigen Syntax ist var1 ein numerischer Datentyp und wir wandeln ihn mithilfe des booleschen Konstruktors in einen booleschen Wert um.

Hier sind einige Beispiele für die Verwendung des Boolean()-Konstruktors -

console.log(Boolean(0)); // logs false
console.log(Boolean(1)); // logs true
Nach dem Login kopieren

Im obigen Beispiel wird der nicht-boolesche Wert 0 mithilfe einer booleschen Funktion explizit in einen booleschen Wert umgewandelt. Eine boolesche Funktion gibt den booleschen Wert ihres Arguments zurück, sodass der Ausdruck Boolean(0) false zurückgibt.

Wenn wir außer den sechs falschen Werten einen beliebigen nicht-booleschen Wert in einen booleschen Wert umwandeln, ergibt sich immer ein wahres Ergebnis. Für die sechs Fehlerwerte erhalten wir als Ergebnis immer den falschen booleschen Wert.

Sechs gefälschte boolesche Werte sind unten angegeben.

Fehler

  • ""

  • NaN

  • 0

  • leer

  • undefiniert

  • Beispiel

  • Wir haben in diesem Beispiel verschiedene Variablen erstellt und sie mit unterschiedlichen falschen Werten initialisiert. Wir können beobachten, dass, wenn wir sie zu booleschen Werten zwingen, immer ein falscher boolescher Wert ausgegeben wird.
<html>
<body>
   <h2> Coercion using the <i> Boolean()</i> Constructor </h2>
   <p id = "output"> </p>
   <script>
      let output = document.getElementById("output");
      // Creating the variables
      let falsy1 = undefined;
      let falsy2 = null;
      let falsy3 = "";

      output.innerHTML += "falsy1 = " + falsy1 + "<br/>";
      output.innerHTML += "falsy2 = " + falsy2 + "<br/>";
      output.innerHTML += "falsy3 = " + falsy3 + "<br/>";
      output.innerHTML +=
      "The boolean results of the above falsy values are given below.<br/>";

      // coercing the different falsy values to the boolean values.
      output.innerHTML += "falsy1 = " + Boolean(falsy1) + "<br/>";
      output.innerHTML += "falsy2 = " + Boolean(falsy2) + "<br/>";
      output.innerHTML += "falsy3 = " + Boolean(falsy3) + "<br/>";
   </script>
</body>
</html>
Nach dem Login kopieren

Impliziter Zwang

Implizite Umwandlungen treten auf, wenn ein nicht boolescher Wert in einem Kontext verwendet wird, in dem ein boolescher Wert erwartet wird. In diesem Fall konvertiert JavaScript den Wert mithilfe einer Reihe von Regeln namens „True“ und „False“ automatisch in einen Booleschen Wert.

Hier sind einige Beispiele, wie man einen nicht-booleschen Wert in einen booleschen Wert umwandelt -

Beispiel

In diesem Beispiel verwenden wir die versteckte Eigenschaft des Bildes in JavaScript, um das Bild beim Klicken anzuzeigen -

// Example 1: Implicit coercion in a conditional statement
if (0) {
   console.log("This will not be logged");
}

// Example 2: Implicit coercion using the logical NOT operator
console.log(!0); // logs true
console.log(!1); // logs false
Nach dem Login kopieren

Im ersten Beispiel wird der Wert 0 in der bedingten Anweisung verwendet und mithilfe der Regeln für wahre und falsche Werte implizit in einen booleschen Wert umgewandelt. In JavaScript gilt der Wert 0 als falsch, sodass die bedingte Anweisung nicht ausgeführt wird.

Im zweiten Beispiel wird der logische NOT-Operator verwendet, um einen booleschen Wert zu negieren, der nicht 0 ist. Der logische NOT-Operator invertiert den booleschen Wert seines Operanden, sodass der Ausdruck !0 äquivalent zu !false ist, was als wahr ausgewertet wird.

Es gibt zwei Arten von Umwandlungen in JavaScript. Das eine ist impliziter Zwang und das andere ist expliziter Zwang. In diesem Tutorial haben wir nacheinander beide Arten von Besetzungen kennengelernt.

Das obige ist der detaillierte Inhalt vonErklären Sie den nicht-booleschen zu booleschen Zwang in JavaScript?. 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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!