Cómo utilizar la declaración if-else de JavaScript

Las declaraciones condicionales inyectan lógica en su programa y su aplicación es ilimitada. Si todavía es nuevo en JavaScript, domine cómo usar el "si-si no" La instrucción le permite instruir específicamente a su programa sobre cómo debería funcionar.

Usar condiciones en JavaScript es fácil. Empecemos.

Cómo utilizar las condiciones en JavaScript

Como muchos otros lenguajes de programación, las declaraciones condicionales en JavaScript comienzan con la instrucción if .

Así es como se ve su sintaxis:

 if(condition){
 // some actions;
 }

Si la condición entre paréntesis es verdadera, entonces su programa ejecutará las acciones dentro de la llave.

La instrucción else aparece si desea evitar una salida en blanco cuando la condición if devuelve un resultado falso:

 if(condition){
 // some actions;
 }else{// execute something else}

Tenga en cuenta que más no acepta una condición definida. En cambio, ejecuta sus acciones designadas solo si una condición previa es falsa.

Y si desea verificar otras condiciones antes de usar un else , aquí es donde la instrucción else if resulta útil. Es similar a cómo usa declaraciones condicionales en Python . Sin embargo, es un " elif " y no " else if " en Python.

Para usar la instrucción else if en JavaScript, la sintaxis condicional se convierte en:

 if(condition){
 // some actions;
 }else if(another condition){
 // execute another action
 }else{// execute something else}

También puede utilizar tantas otras sentencias if como desee:

 if(condition){
 // some actions;
 }else if(another condition){
 // execute another action
 }else if(a third condition){
 // perform another action
 }else{// execute something else}

Ahora veamos algunos ejemplos prácticos que combinan estas declaraciones condicionales:

 var name = "idowu";
 if(name== "MUO"){
 console.log("Hello"+ " "+ name);
 }else{
 console.log("Hello everyone");
 }
 Output: Hello everyone

El ejemplo anterior ejecuta la acción dentro de la instrucción else porque el valor de name no es MUO.

Relacionado: ¿Qué es JavaScript y cómo funciona?

Ahora veamos un código de ejemplo que usa las tres declaraciones condicionales.

El siguiente código registra un saludo para el nombre solo en el índice cero:

 var names = ["MUO", "Jane", "Idowu"];
 if(names[0]=="Jane"){
 console.log("Hello"+ " " +names[0]);
 }else if(names[0]=="Idowu"){
 console.log("Hello"+ " " +names[0]");
 }else if(names[0]=="MUO"){
 console.log(Hello"+ " " +names[0]);
 }else{
 console.log("You didn't get the index");
 }
 Output: Hello MUO

Condiciones de JavaScript con operador ternario

También puede declarar condiciones de JavaScript utilizando el operador ternario.

La sintaxis general se ve así:

 var x = condition ? operation one : operation two

El signo de interrogación (?) Comprueba la validez de la condición. Si esto es cierto, ejecuta la operación uno . De lo contrario, pasa a la operación dos .

Aquí hay un ejemplo práctico de cómo usar el operador ternario con una declaración if-else :

 var name = "Idowu";
 var checkName =
 name == "MUO" ? console.log("Hello"+ " "+ name) : console.log("Hello everyone");
 Output: Hello everyone

Y si desea verificar más condiciones usando el operador ternario de JavaScript (similar a else if ):

 var temperature = 25
 var checkTemperature =
 temp<24 ? console.log("Too cold") :
 temp == 25 ? console.log("Moderate") :
 console.log("extreme");
 Output: Moderate

Aquí hay una reescritura del último fragmento de código en la sección anterior usando la operación ternaria:

 var names = ["MUO", "Jane", "Idowu"];
 var checkIndex =
 names[0] == "Jane" ? console.log("Hello"+ " " +names[0]) :
 names[0] == "Idowu" ? console.log("Hello"+ " " +names[0]) :
 names[0] == "MUO" ? console.log("Hello"+ " " +names[0]) :
 console.log("You didn't get the index");
 Output: Hello MUO

Nota: Aunque es sencillo, es posible que no desee utilizar la operación ternaria con condiciones anidadas, ya que puede confundirlo. Pero sigue siendo una buena forma de expresar declaraciones condicionales si sabe cómo hacerlo.

Controle su JavaScript con condiciones

Como cualquier otro lenguaje de programación, el dominio de las declaraciones condicionales en JavaScript le permite realizar operaciones lógicas ilimitadas. En consecuencia, usted tiene el control de cómo se comporta su programa.

Dicho esto, ya sea que decida utilizar declaraciones simples "if-else" o la operación ternaria, asegúrese de que su código sea legible y fácil de entender.