Expression if...else en JavaScript

　Déclaration d'instructions et de variables JavaScript

if... elseL'énoncé est l'un des énoncés de condition en JavaScript, utilisé pour exécuter différentes opérations selon différentes conditions.

En JavaScript, nous avons les énoncés de condition suivants :

• ifPour spécifier le bloc de code à exécuter si la condition spécifiée est vraieifPour spécifier le bloc de code à exécuter

• Pour spécifier le bloc de code à exécuter si la condition identique est fausseelsePour spécifier le bloc de code à exécuter

• Utiliser pour spécifier le bloc de code à exécuter si la première condition est fausseelse ifPour spécifier la nouvelle condition à tester

• UtiliserswitchChoisir un des nombreux blocs de code à exécuter

Syntaxe :

ifSi la condition est vraieifL'énoncé spécifie le bloc de code à exécuter :

if (condition) {
　//Le bloc de code à exécuter si la condition est vraie
}

elseL'énoncé spécifie le bloc de code à exécuter si la condition est fausse :

if (condition) {
　　　　//Le bloc de code à exécuter si la condition est vraie
} else {
　　　//Le bloc de code à exécuter si la condition est fausse
}

eelse ifL'énoncé spécifie une nouvelle condition, si la première condition est fausse :

if (condition1) {
　　　//Si la condition1Le bloc de code à exécuter si vrai
} else if (condition2) {
　　　//Si la condition1Est faux et la condition2Le bloc de code à exécuter si vrai
} else {
　　　//Si la condition1et la condition2Le bloc de code à exécuter si faux
}

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

Compatibilité du navigateur

Tous les navigateurs prennent en charge complètement l'expression if ... else :

Valeur du paramètre

Détails techniques

更多实例

如果变量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;
}

Instructions if ... else imbriquées :

var a =　10, b =　20, c =　30;
var answer;
if (a > b) {
　　　if (a > c) {
　　answer = "A est le plus grand des trois";
　　　} else {
　　answer = "C est le plus grand des trois";
　　　}
} else if (b > c) {
　　　answer = "B est le plus grand des trois";
} else {
　　　answer = "C est le plus grand des trois";　　　
}

Vous pouvez également consulter

Tutoriel JavaScript :Instruction If... Else JavaScript

Tutoriel JavaScript :switch JavaScript

　Déclaration d'instructions et de variables JavaScript