Sentencia if...else de JavaScript

　Declaración de sentencias y variables de JavaScript

if... elseLa sentencia es una de las sentencias de condición en JavaScript, utilizada para ejecutar diferentes operaciones según diferentes condiciones。

En JavaScript, tenemos las siguientes sentencias de condición：

• ifUsarifPara especificar el bloque de código que se ejecutará

• UsarelsePara especificar el bloque de código que se ejecutará

• Usarelse ifEspecificar una nueva condición para probar

• UsarswitchElegir uno de muchos bloques de código a ejecutar

Sintaxis：

ifSi la condición es trueifLa sentencia especifica el bloque de código que se ejecutará：

if (condition) {
　//Ejecutar el bloque de código si la condición es true
}

elseLa sentencia especifica el bloque de código que se ejecutará si la condición es false：

if (condition) {
　　　　//Ejecutar el bloque de código si la condición es true
} else {
　　　//Ejecutar el bloque de código si la condición es false
}

eelse ifLa sentencia especifica una nueva condición, que se ejecutará si la primera condición es false:

if (condition1) {
　　　//Si la condición1Ejecutar el bloque de código si es true
} else if (condition2) {
　　　//Si la condición1Si la condición es falsa2Ejecutar el bloque de código si es true
} else {
　　　//Si la condición1Y condición2Ejecutar el bloque de código si es false
}

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

Compatibilidad del navegador

Todos los navegadores soportan completamente la sentencia if ... else：

Valores de parámetros

Detalles técnicos

更多实例

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

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

1010,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;
}

Sentencias if ... else anidadas：

var a =　10, b =　20, c =　30;
var answer;
if (a > b) {
　　　if (a > c) {
　　answer = "A es el más grande de los tres";
　　　} else {
　　answer = "C es el más grande de los tres";
　　　}
} else if (b > c) {
　　　answer = "B es el más grande de los tres";
} else {
　　　answer = "C es el más grande de los tres";　　　
}

También puede referirse a

Tutoriales de JavaScript：Sentencia If... Else de JavaScript

Tutoriales de JavaScript：switch de JavaScript

　Declaración de sentencias y variables de JavaScript