JavaScript if...else-Anweisung

　JavaScript Anweisungen und Variablendeklarationen

if... elseDie Anweisung ist eine der JavaScript-Bedingungsanweisungen und wird verwendet, um verschiedene Aktionen abhängig von verschiedenen Bedingungen auszuführen.

In JavaScript haben wir die folgenden Bedingungsanweisungen:

• ifVerwenden, um den Codeblock zu spezifizieren, der ausgeführt wird, wenn die spezifizierte Bedingung true istifUm den Codeblock zu spezifizieren, der ausgeführt wird

• Verwenden, um den Codeblock zu spezifizieren, der ausgeführt wird, wenn die gleiche Bedingung false istelseUm den Codeblock zu spezifizieren, der ausgeführt wird

• Verwenden, um den Codeblock zu spezifizieren, der ausgeführt wird, wenn die erste Bedingung false istelse ifUm eine neue zu testende Bedingung zu spezifizieren

• VerwendenswitchWählt einen der vielen auszuführenden Codeblocks aus

Syntax:

ifWenn Bedingung true ist, dannifDie Anweisung spezifiziert den Codeblock, der ausgeführt wird:

if (Bedingung) {
　//Wird die Bedingung true, führt der folgende Codeblock aus
}

elseDie Anweisung spezifiziert den Codeblock, der ausgeführt wird, wenn die Bedingung false ist:

if (Bedingung) {
　　　　//Wird die Bedingung true, führt der folgende Codeblock aus
} else {
　　　//Wird die Bedingung false, führt der folgende Codeblock aus
}

eelse ifDie Anweisung spezifiziert eine neue Bedingung, die ausgeführt wird, wenn die erste Bedingung false ist:

if (Bedingung1) {
　　　//Wenn Bedingung1Wird true, führt der folgende Codeblock aus
} else if (Bedingung2) {
　　　//Wenn Bedingung1Für falsch und Bedingung2Wird true, führt der folgende Codeblock aus
} else {
　　　//Wenn Bedingung1und Bedingung2Wird false, führt der folgende Codeblock aus
}

var x =　-4;
if (x < 0) {
　　　document.getElementById("result").innerHTML = "NEGATIVE";
}

Browser-Kompatibilität

Alle Browser unterstützen die if ... else-Anweisung vollständig:

Parameterwert

Technische Details

Mehr Beispiele

Wenn der Wert der Variable x kleiner als 0 ist, wird "NEGATIVE" ausgegeben, andernfalls "POSITIVE":

var x =　-4;
if (x < 0) {
　　　msg = "NEGATIVE";
} else {
　　　msg = "POSITIVE";　　　
}

1010""20, dann " x ist ",2"0", andernfalls " x existiert nicht":

var x =　20;
if (x ==　10) {
　　　document.write("x ist ",　10;
}　20) {
　　　document.write("x ist ",　20");
} else {
　　　document.write("x existiert nicht");
}

Sie können mehrereelse ifAnweisung:

//　Setzen Sie die aktuelle Note des Schülers
var grade =　88;
//Überprüfen Sie, ob die Note A, B, C, D oder F ist
if (grade >=　90) {
　　　document.write("A");
} else if (grade >=　80) {
　　　document.write("B");
} else if (grade >=　70) {
　　　document.write("C");
} else if (grade >=　60) {
　　　document.write("D");
} else {
　　　document.write("F");
}

Sie können eine Zeile ohne Klammern schreiben:

var x =　-4;
if (x < 0)
　　　msg = "NEGATIVE";
else
　　　msg = "POSITIVE";

Wenn der Benutzer auf das Bild klickt, ändern Sie den Wert der src-Attribut des Bildes:

<img id="demo" onclick="changeImage()" src="avatar-female.jpg">
<script>
function changeImage() {
　　　var image = document.getElementById("demo");
　　　if (image.src.match("female")) {
　　　image.src = "avatar-male.jpg";
　　　} else {
　　　image.src = "avatar-female.jpg";
　　　}
}
</script>

Verwenden Sie if ... else-Anweisungen, um die Eingabedaten zu überprüfen:

function myFunc(x) {
　　　var text;
//wenn x keine Zahl ist oder kleiner10oder größer20, dann wird "Eingabe nicht gültig" ausgegeben
//wenn x ist10bis2zwischen 0 und die Zahl, dann wird "Eingabe OK" ausgegeben
　　　if (isNaN(x) || x <　10　|| x >　20) {
　　text = "Eingabe nicht gültig";
　　　} else {
　　text = "Eingabe OK";
　　　}
document.getElementById("result").innerHTML = text;
}

Nested if ... else Anweisungen：

var a =　10, b =　20, c =　30;
var answer;
if (a > b) {
　　　if (a > c) {
　　answer = "A ist das Größte unter den Drei";
　　　} else {
　　answer = "C ist das Größte unter den Drei";
　　　}
} else if (b > c) {
　　　answer = "B ist das Größte unter den Drei";
} else {
　　　answer = "C ist das Größte unter den Drei";　　　
}

Sie können auch nachschlagen

JavaScript教程：JavaScript If... Else-Anweisungen

JavaScript教程：JavaScript switch

　JavaScript Anweisungen und Variablendeklarationen