Declaración de JavaScript if ... else (con ejemplos)

En este tutorial, aprenderá sobre la declaración if… else para crear programas de toma de decisiones con la ayuda de ejemplos.

En la programación de computadoras, pueden surgir situaciones en las que tenga que ejecutar un bloque de código entre más de una alternativa. Por ejemplo, asignar calificaciones A , B o C según las calificaciones obtenidas por un estudiante.

En tales situaciones, puede utilizar la if… elsedeclaración de JavaScript para crear un programa que pueda tomar decisiones.

En JavaScript, hay tres formas de if… elsedeclaración.

  1. si declaración
  2. declaración if … else
  3. declaración if … else if … else

Declaración de JavaScript if

La sintaxis de la ifdeclaración es:

 if (condition) ( // the body of if )

La ifdeclaración evalúa la condición entre paréntesis ().

  1. Si la condición se evalúa true, ifse ejecuta el código dentro del cuerpo de .
  2. Si la condición se evalúa false, ifse omite el código dentro del cuerpo de .

Nota: El código interior ( )es el cuerpo de la ifdeclaración.

Funcionamiento de la declaración if

Ejemplo 1: declaración if

 // check if the number is positive const number = prompt("Enter a number: "); // check if number is greater than 0 if (number> 0) ( // the body of the if statement console.log("The number is positive"); ) console.log("The if statement is easy");

Salida 1

 Ingrese un número: 2 El número es positivo La declaración if es fácil

Suponga que el usuario ingresó 2 . En este caso, la condición se number> 0evalúa como true. Y ifse ejecuta el cuerpo de la declaración.

Salida 2

 Ingrese un número: -1 La declaración if es fácil

Suponga que el usuario ingresó -1 . En este caso, la condición se number> 0evalúa como false. Por lo tanto, ifse omite el cuerpo de la declaración.

Dado que console.log("The if statement is easy");está fuera del cuerpo de la ifdeclaración, siempre se ejecuta.

Los operadores de comparación y lógicos se utilizan en condiciones. Por lo tanto, para obtener más información sobre los operadores lógicos y de comparación, puede visitar Operadores lógicos y comparación de JavaScript.

Declaración de JavaScript if … else

Una ifdeclaración puede tener una elsecláusula opcional . La sintaxis de la if… elsedeclaración es:

 if (condition) ( // block of code if condition is true ) else ( // block of code if condition is false )

La if… elsedeclaración evalúa la condición entre paréntesis.

Si la condición se evalúa como true,

  1. ifse ejecuta el código dentro del cuerpo de
  2. el código dentro del cuerpo de elsese omite de la ejecución

Si la condición se evalúa como false,

  1. elsese ejecuta el código dentro del cuerpo de
  2. el código dentro del cuerpo de ifse omite de la ejecución
Funcionamiento de la declaración if … else

Ejemplo 2: declaración if … else

 // check is the number is positive or negative/zero const number = prompt("Enter a number: "); // check if number is greater than 0 if (number> 0) ( console.log("The number is positive"); ) // if number is not greater than 0 else ( console.log("The number is either a negative number or 0"); ) console.log("The if… else statement is easy");

Salida 1

 Ingrese un número: 2 El número es positivo La declaración if … else es fácil

Suponga que el usuario ingresó 2 . En este caso, la condición se number> 0evalúa como true. Por lo tanto, ifse ejecuta el cuerpo de la elsedeclaración y se omite el cuerpo de la declaración.

Salida 2

 Ingrese un número: -1 El número es un número negativo o 0 La declaración if … else es fácil

Suponga que el usuario ingresó -1 . En este caso, la condición se number> 0evalúa como false. Por lo tanto, elsese ejecuta el cuerpo de la ifdeclaración y se omite el cuerpo de la declaración.

JavaScript if … else if declaración

La if… elsedeclaración se utiliza para ejecutar un bloque de código entre dos alternativas. Sin embargo, si necesita elegir entre más de dos alternativas, if… else if… elsese puede utilizar.

La sintaxis de la if… else if… elsedeclaración es:

 if (condition1) ( // code block 1 ) else if (condition2)( // code block 2 ) else ( // code block 3 )
  • Si condition1 se evalúa como true, se ejecuta el bloque de código 1 .
  • Si condition1 se evalúa como false, entonces se evalúa condition2 .
    • Si el condición2 es true, el bloque de código 2 se ejecuta.
    • Si la condición 2 es false, se ejecuta el bloque de código 3 .
Funcionamiento de la declaración if … else if … else

Ejemplo 3: declaración if … else if

 // check if the number if positive, negative or zero const number = prompt("Enter a number: "); // check if number is greater than 0 if (number> 0) ( console.log("The number is positive"); ) // check if number is 0 else if (number == 0) ( console.log("The number is 0"); ) // if number is neither greater than 0, nor zero else ( console.log("The number is negative"); ) console.log("The if… else if… else statement is easy");

Salida

 Ingrese un número: 0 El número es 0 La declaración if … else if … else es fácil

Suponga que el usuario ingresó 0 , luego la primera condición de prueba se number> 0evalúa como false. Luego, la segunda condición de prueba se number == 0evalúa truey se ejecuta su bloque correspondiente.

Declaración anidada if … else

También puede utilizar una if… elsedeclaración dentro de una if… elsedeclaración. Esto se conoce como instrucción anidada if… else .

Ejemplo 4: instrucción if… else anidada

 // check if the number is positive, negative or zero const number = prompt("Enter a number: "); if (number>= 0) ( if (number == 0) ( console.log("You entered number 0"); ) else ( console.log("You entered a positive number"); ) ) else ( console.log("You entered a negative number"); )

Salida

 Enter a number: 5 You entered a positive number

Suppose the user entered 5. In this case, the condition number>= 0 evaluates to true, and the control of the program goes inside the outer if statement.

Then, the test condition, number == 0, of the inner if statement is evaluated. Since it's false, the else clause of the inner if statement is executed.

Note: As you can see, nested if… else makes our logic complicated and we should try to avoid using nested if… else whenever possible.

Body of if… else With Only One Statement

If the body of if… else has only one statement, we can omit ( ) in our programs. For example, you can replace

 const number = 2; if (number> 0) ( console.log("The number is positive."); ) else ( console.log("The number is negative or zero."); )

with

 const number = 2; if (number> 0) console.log("The number is positive."); else console.log("The number is negative or zero.");

Output

 The number is positive.

More on Decision Making

En determinadas situaciones, un operador ternario puede reemplazar una if… elsedeclaración. Para obtener más información, visite Operador ternario de JavaScript.

Si necesita elegir entre más de una alternativa en función de una condición de prueba determinada, switchse puede utilizar la declaración. Para obtener más información, visite JavaScript Switch.

Articulos interesantes...