Heim  >  Artikel  >  Web-Frontend  >  Detaillierte grafische Erläuterung der Verwendung und Beispieldemonstration des ternären (ternären) JS-Operators

Detaillierte grafische Erläuterung der Verwendung und Beispieldemonstration des ternären (ternären) JS-Operators

yulia
yuliaOriginal
2018-10-12 11:37:0515824Durchsuche

JavaScript wird häufig in der Front-End-Entwicklung verwendet. Wissen Sie also, wie man den ternären JS-Operator verwendet? In diesem Artikel erfahren Sie mehr über die Verwendung des ternären JS-Operators und wie Sie den ternären Operator zum Ermitteln des Maximalwerts verwenden. Interessierte Freunde können sich darauf beziehen.

Der ternäre Operator in JavaScript, auch ternärer Operator genannt, ist einer der Operatoren.

Die grundlegende Syntax lautet: Ausdruck ? Satz1 : Satz2

bedeutet, dass Satz1 ausgeführt wird, wenn der Wert von Ausdruck wahr ist, andernfalls wird Satz2 ausgeführt

Hinweis: Da der JS-Skriptinterpreter das Semikolon „;“ als Endzeichen einer Anweisung verwendet, müssen AnweisungA und AnweisungB eine einzelne Anweisung sein und Semikolons können nicht verwendet werden, andernfalls wird ein Fehler gemeldet.

Beispiel: wird mit dem ternären Operator implementiert. Wenn das Alter kleiner als 18 Jahre ist, werden Minderjährige aufgefordert, abzulehnen. Wenn das Alter größer oder gleich 18 Jahre ist, werden Erwachsene aufgefordert kann teilnehmen. Der Code lautet wie folgt:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <body>
  <input id="age" value="18" />
  <button onclick="myFunction()">点我</button>
  <p id="demo"></p>
 </body>
 <script type="text/javascript">
  function myFunction() {
      var age,join;
      age = document.getElementById("age").value;
      join = (age < 18) ? "拒绝未成年人":"成年人可以参加";
      document.getElementById("demo").innerHTML = join ;
  }
 </script>
</html>

Beispieldemonstration: Ternärer Operator zum Ermitteln des Maximalwerts

Dieses Beispiel beinhaltet die Verwendung eines ternären Operators mit mehreren Bedingungen. Der spezifische Code ist wie folgt:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <body>
  <input type="text" id="inp1">
  <input type="text" id="inp2">
  <input type="text" id="inp3">
  <input type="button" value="判断" onclick="test()">
 </body>
 <script type="text/javascript">
  function test(){
        var inp1 = document.getElementById(&#39;inp1&#39;).value;
        var inp2 = document.getElementById(&#39;inp2&#39;).value;
        var inp3 = document.getElementById(&#39;inp3&#39;).value;
        var result = inp1>inp2?(inp1>inp3?inp1:inp3):(inp2>inp3?inp2:inp3);
        alert(result)
   }
 </script>
</html>

Rendering:

Detaillierte grafische Erläuterung der Verwendung und Beispieldemonstration des ternären (ternären) JS-OperatorsDas Obige stellt die Verwendung des ternären Operators in JS vor und wie man den ternären Operator verwendet, um den Maximalwert zu finden Denken Sie an die Syntaxstruktur. Anfänger können es selbst ausprobieren. Ich hoffe, dieser Artikel kann Ihnen helfen! Weitere verwandte Tutorials finden Sie unter JavaScript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonDetaillierte grafische Erläuterung der Verwendung und Beispieldemonstration des ternären (ternären) JS-Operators. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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

In Verbindung stehende Artikel

Mehr sehen