Cómo usar "if... else" en JavaScript (con ejemplos)

JavaScript se ha convertido rápidamente en uno de los lenguajes de programación más populares debido a su facilidad de uso y flexibilidad:se puede ejecutar en casi cualquier navegador web en cualquier dispositivo, lo que lo hace perfecto para aplicaciones multiplataforma.

Linux es la plataforma más popular para hospedar aplicaciones de JavaScript creadas con Node.js y es una excelente plataforma para desarrollar programas de JavaScript independientes y soluciones basadas en navegador.

Si estás aprendiendo JavaScript, if... else la estructura de control es una de las primeras cosas que querrá dominar.

Con el si... si no declaración podrá decidir qué código ejecutar en función de un valor o entrada del usuario.

Cómo usar if en JavaScript

La sintaxis para JavaScript if El comando es el siguiente:

if ( CONDITIONS ) {
    ACTIONS
}

Por ejemplo:

if (2 < 3) {
    console.log('2 is less than 3');
}

Tenga en cuenta que:

  • Las condiciones están entre corchetes y las acciones (código a ejecutar si las condiciones son verdaderas) están entre llaves
  • Las acciones solo se ejecutará si las condiciones evaluar como veraz
  • Estamos usando console.log() que envía texto a la consola de JavaScript
  • Todas las líneas terminan con ; (Esto no es obligatorio, pero se recomienda para que pueda ver fácilmente dónde termina una declaración)

¿Qué es la "verdad"?

En JavaScript, un valor se puede considerar “veraz” (se evalúa como VERDADERO en un contexto booleano) o “falsy” (se evalúa como FALSO en un contexto booleano).

En realidad, es más fácil definir qué es "falso", en lugar de enumerar todos los tipos de valores que pueden considerarse "verdaderos".

Un valor de JavaScript se evalúa como falso cuando es igual a:

  • FALSO
  • 0
  • “” o ”
  • nulo
  • indefinido
  • NaN

¡Y un valor de JavaScript se evalúa como verdadero cuando no es falso!

Acciones alternativas con else

Si desea que su secuencia de comandos haga algo si su instrucción if falla, y solo si falla, puede agregar un else declaración:

var val = prompt("Please enter a number");
if (val < 3) {
    console.log(val + ' is less than 3');
} 
else {
    console.log(val + ' is less than 3');
}

Tenga en cuenta que:

  • Estamos usando el método prompt() para obtener información del usuario. Esto funciona cuando se ejecuta JavaScript en un navegador web
  • El valor de la entrada del usuario se almacena como la variable val
  • Las cadenas en JavaScript se unen con el operador +

Adición de varias condiciones

Si tiene varias condiciones que desea verificar, puede usar && (Y) y || (O) operadores para decidir si se deben realizar acciones:

var val = prompt("Please enter a number");
if (val > 3 && val < 7) {
    console.log(val + ' is greater than 3 and less than 7');
}
else if (val == 3 || val < 0) {
    console.log(val + ' is equal to 3, or is less than 0');
}
else {
    console.log(val + ' is not greater than 3 and less than 7. ' + val + 'is also not equal to 3 or less than 0');
}

Si no

Para verificar múltiples conjuntos de condiciones y realizar diferentes acciones si cada prueba es verdadera, use else if declaración:

var val = prompt("Please enter a number");
if (val > 4) {
    console.log(val + ' is greater than than 4');
}
else if (val > 2) {
    console.log(val + ' is greater than than 2 but less than 4');
}
else {
    console.log(val + ' is less than 2);
}

Puede agregar tantos else if declaraciones como quieras.

Declaraciones If anidadas

También puede colocar si declaraciones dentro de otro if declaraciones:

var val = prompt("Please enter a number");
if (val > 3) {
    console.log(val + ' is greater than 3');
    if (val > 6) {
        console.log(val + ' is greater than 3 and greater than 6');
    }
}

Operadores de comparación

Al comparar valores en JavaScript, puede usar los siguientes operadores. Algunos comparan el valor y otros también comparan el tipo de variable.

Sintaxis de comparación

Sintaxis Descripción
== Valor igual
=== Tanto el mismo valor como el mismo tipo
!= Valor no igual
!== Valor diferente o tipo diferente
> Mayor que el valor
>= Mayor o igual que el valor
< Menor que el valor
<= Menor o igual que el valor

Comparar la igualdad de valores de diferentes tipos

"7" == 7

Esto devolverá VERDADERO ya que solo está comparando el valor, a pesar de que el primer valor es una cadena (ya que está entre comillas dobles) y el segundo es un valor numérico.

"7" === 7

Esto se evaluará como FALSO , ya que aunque los valores son los mismos, el primer valor se almacena como una variable de tipo cadena y el segundo es un número.

Conclusión

JavaScript si Las declaraciones son una de las primeras cosas que aprenderá y las partes más comunes de cualquier aplicación de JavaScript.

Si está comenzando a aprender JavaScript en Linux, consulte nuestros otros artículos.