Noticias Raspberry Pi

JavaScript if, else y else if Instrucciones condicionales

En este tutorial, le mostraremos cómo escribir declaraciones condicionales if, else y else if en JavaScript.

En JavaScript, una declaración condicional le permite realizar una acción cuando una condición en particular se considera verdadera.

Esta es una parte crucial de JavaScript, ya que le permite realizar diferentes acciones cuando se cumple una condición. Por ejemplo, le permite escribir código dinámico que reacciona a los elementos de la página o la entrada del usuario.

La condición especificada debe ser verdadera para que se ejecute una declaración. Por ejemplo, «1 === 1» es una declaración «verdadera», mientras que «1 === 2» es una declaración «falsa».

No confundas un booleano»real» y falso» y «la verdad» y «falso“. Se considera un valor «la verdad” siempre que su valor no sea falso, indefinido, nulo, 0, -0, NAN o una cadena vacía («»).

En las siguientes secciones, cubriremos las siguientes declaraciones condicionales en JavaScript: «si», «si… más», «si… más si», «si… más si… más».

Indice

La sentencia if en JavaScript

Comencemos esta guía con la declaración condicional más básica que debe aprender, la declaración if.

La declaración if de JavaScript le permite ejecutar un bloque de código cuando la condición que especifica es verdadera.

A continuación puede ver la sintaxis general para usar la instrucción if en JavaScript.

Ejemplo de cómo escribir una declaración if en JavaScript

Permítanos escribir un breve script para mostrarle cómo funciona la instrucción if en JavaScript. En este script, obtendremos el día actual de la semana y usaremos una declaración condicional para mira si es miercoles.

Inicie el script instanciando el objeto Date() y asignándolo a una constante llamada «fecha».

Luego accedemos a la función «getDay()» de los objetos de fecha para obtener el día de la semana y almacenarlo en una variable llamada «day».

Finalmente, usamos la instrucción if de JavaScript para verificar si la variable del día es la misma (===) que 3 (miércoles).

Si el día es el mismo que 3, se imprimirá en la consola el texto «El día es miércoles».

Javascript condicional if…else declaración

La siguiente declaración condicional que exploraremos es la declaración «if…else» de JavaScript.

Al usar la declaración «else», puede ejecutar un bloque de código solo si las declaraciones condicionales anteriores han sido falso.

Encontrará esta declaración útil cuando desee que el código se ejecute solo cuando no se cumpla una condición. La declaración else siempre debe usarse al final de una cadena de declaraciones «if else if».

A continuación puede ver la sintaxis para usar la declaración «if else» en JavaScript.

Ejemplo de uso de la sentencia condicional if else

Construyamos sobre el ejemplo que usamos en la sección «sentencia if».

Al agregar una declaración else al final de una declaración if, podemos imprimir un mensaje de que no es miércoles.

Con el siguiente ejemplo, primero usamos una instrucción if para verificar si el día de la semana es el mismo que «3». Si no es el mismo, el código caerá en nuestra instrucción else e imprimirá el texto «El día no es miércoles».

Uso de la sentencia condicional if…else if en JavaScript

En algunos casos, es posible que desee verificar si se cumple otra condición cuando su primera condición resulta ser falsa.

Puede lograr esto utilizando la declaración condicional «else if» en JavaScript. Esta declaración le permite verificar si una condición es verdadera si la primera es falsa.

La siguiente sintaxis le muestra cómo puede escribir una declaración condicional «if… else if» en JavaScript.

Ejemplo de uso de la instrucción if else if

Para este ejemplo, recuperaremos el día actual usando el objeto Date(). B

Con la sentencia if condicional, comprobamos que el día actual es el mismo que 3. Si la sentencia es verdadera, guardamos el texto «El día es miércoles».

Si el día no se establece en 3, usamos JavaScript más si la instrucción para comprobar si se cumple una condición diferente. En esta condición, comprobamos si el día es el mismo que el 5.

Si el día es el mismo que el 5, imprimiremos el texto «El día es viernes» en la consola.

La instrucción condicional JavaScript if…else if…else

La última declaración condicional de JavaScript que veremos es la declaración «if else if else».

Lo que esto nos muestra es una combinación de todas las declaraciones if admitidas en JavaScript.

Comienza comprobando si se cumple una condición particular. Si no se cumple esta condición, puede verificar si se cumple otra condición. Finalmente, si no se cumple ninguna de las condiciones anteriores, puede usar la instrucción else para ejecutar código adicional.

A continuación se muestra un ejemplo de cómo escribiría una declaración condicional si, si no, si no en JavaScript.

Ejemplo de escritura de la declaración condicional if, else if, else

Para este ejemplo, recuperaremos la fecha usando el objeto Fecha e imprimiremos el texto según el día.

La primera si declaración que usamos en nuestro ejemplo de JavaScript verificará si el día es el mismo que el número 3 (miércoles). Si el valor de las variables del día es igual a 3, se registrará el mensaje «El día es miércoles».

Cuando la primera condición es falsa, entonces usamos el JavaScript otra cosa si declaración para probar si el día es el mismo que 5 (viernes). Si la variable día es idéntica a 5, se imprime el mensaje “El día es viernes”.

Finalmente, si nuestras dos primeras condiciones resultan ser falsas, usamos el JavaScript otra declaración condicional para imprimir el mensaje «El día no es ni miércoles ni viernes».

Uso de sentencias if anidadas en JavaScript

A veces, desea ejecutar una declaración if en JavaScript solo si la primera fue verdadera. Este comportamiento se logra mediante el uso de las llamadas «sentencias if anidadas».

Anida una sentencia if usando una dentro de otra sentencia if.

Esto es útil cuando desea ejecutar código y luego realizar acciones adicionales si se cumple otra condición.

A continuación se muestra un ejemplo de cómo se ven las declaraciones condicionales anidadas cuando se escriben en JavaScript.

Ejemplo de uso de sentencias If anidadas

Comenzamos nuestro script de muestra instanciando el objeto de fecha y almacenándolo en la variable «fecha».

Inmediatamente después, obtenemos el día de la semana actual usando la función «.getDay()» y almacenamos su valor en la variable «día».

Luego tenemos nuestra primera declaración if, que usamos para verificar si el día es el mismo (===) que el número 3 (miércoles).

Si se cumple la condición anterior, imprimimos el texto «El día es miércoles» en la consola. Luego usamos el objeto de fecha nuevamente para obtener la hora actual del día usando la función «.getHours()» y la almacenamos en la variable «hora».

Finalmente, tenemos nuestra instrucción if anidada de JavaScript. Con esta condición comprobamos si la variable hora es mayor a 12. Si se cumple esta condición, imprimimos el texto “Es después del mediodía”.

Conclusión

A lo largo de esta guía, le mostramos cómo usar declaraciones condicionales if, else y else if en JavaScript.

Con estas declaraciones condicionales, puede escribir código que realice una acción cuando se cumpla la condición especificada.

Hemos cubierto cómo JavaScript maneja si se cumple una condición»la verdad» o entonces «falso“.

Si tiene alguna pregunta sobre el uso de la instrucción if en JavaScript, comente a continuación.

Asegúrese de consultar nuestros otros tutoriales de JavaScript y muchas otras guías de codificación.

Actualizaciones semanales directamente a su bandeja de entrada

¡Reciba nuestros proyectos de Raspberry Pi, tutoriales de codificación, guías de Linux y más!

Suscribir

También puede gustarte...