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
- yuliaOriginal
- 2018-10-12 11:37:0515816Durchsuche
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('inp1').value;
var inp2 = document.getElementById('inp2').value;
var inp3 = document.getElementById('inp3').value;
var result = inp1>inp2?(inp1>inp3?inp1:inp3):(inp2>inp3?inp2:inp3);
alert(result)
}
</script>
</html>Rendering:
Das 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!