Estrutura de comando if...else do JavaScript

　Declaração de Instrução e Variável do JavaScript

if...elseA estrutura de comando é uma das estruturas de comando de condição do JavaScript, usada para executar diferentes operações com base em diferentes condições.

No JavaScript, temos as seguintes estruturas de comando de condição：

• ifSe a condição especificada for true, usarifPara especificar o bloco de código a ser executado

• Se a condição idêntica for false, usarelsePara especificar o bloco de código a ser executado

• Se a primeira condição for false, usarelse ifPara especificar uma nova condição a ser testada

• UsarswitchEscolher um dos muitos blocos de código a serem executados

Sintaxe：

ifSe a condição for true, entãoifA estrutura de comando especifica o bloco de código a ser executado：

if (condition) {
　//Se a condição for true, execute o bloco de código
}

elseA estrutura de comando especifica o bloco de código a ser executado se a condição for false：

if (condition) {
　　　　//Se a condição for true, execute o bloco de código
} else {
　　　//Se a condição for false, execute o bloco de código
}

eelse ifA estrutura de comando especifica uma nova condição, se a primeira condição for false:

if (condition1) {
　　　//Se a condição1Se for true, execute o bloco de código
} else if (condition2) {
　　　//Se a condição1Se for falso e a condição2Se for true, execute o bloco de código
} else {
　　　//Se a condição1e a condição2Se for false, execute o bloco de código
}

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

Compatibilidade do navegador

Todos os navegadores suportam completamente a estrutura if ... else：

Valor do parâmetro

Detalhes técnicos

更多实例

如果变量x的值小于0，则输出“ NEGATIVE”，否则输出“ POSITIVE”：

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

如果x等于10，则写“ x为10”，如果不等于，但x等于20，则写“ x为20”，否则写为“ x不存在”：

var x =　20;
if (x ===　10) {
　　　document.write("x 为　10;
}　20) {
　　　document.write("x 为　20");
} else {
　　　document.write("x不存在");
}

您可以使用多个else if语句：

//　设置学生的当前成绩
var grade =　88;
//检查成绩是否为A，B，C，D或F
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");
}

您可以编写不带花括号的单行语句：

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

如果用户单击图像，请更改图像的src属性的值：

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

使用if ... else语句验证输入数据：

function myFunc(x) {
　　　var text;
//如果x不是一个数字，或者小于10，或者大于20，输出“Input not valid”
//如果x是10到2之间的数字，则输出“Input OK”
　　　if (isNaN(x) || x <　10　|| x >　20) {
　　text = "Input not valid";
　　　} else {
　　text = "Input OK";
　　　}
document.getElementById("result").innerHTML = text;
}

Instrução if ... else aninhada：

var a =　10, b =　20, c =　30;
var answer;
if (a > b) {
　　　if (a > c) {
　　answer = "A é o maior entre os três";
　　　} else {
　　answer = "C é o maior entre os três";
　　　}
} else if (b > c) {
　　　answer = "B é o maior entre os três";
} else {
　　　answer = "C é o maior entre os três";　　　
}

Também pode referenciar

Tutorial de JavaScript：Instrução If... Else do JavaScript

Tutorial de JavaScript：switch do JavaScript

　Declaração de Instrução e Variável do JavaScript