...
...
Condicionales en JavaScript (Parte 1)

Condicionales en JavaScript (Parte 1)

En esta primera parte del artículo, aprenderemos sobre las condicionales en JavaScript if e if anidados. Con ejemplos y explicaciones detalladas, este artículo es una guía completa para entender y utilizar las sentencias condicionales en JavaScript.

6 1 0 10

hymsoft
@hymsoft

Introducción a las sentencias condicionales en JavaScript

 

¿Qué son las sentencias condicionales en JavaScript?

 

Las sentencias condicionales en JavaScript son estructuras de código que nos permiten ejecutar ciertas acciones solo si se cumplen ciertas condiciones. Esto nos permite crear programas que puedan tomar decisiones y adaptarse a diferentes situaciones. Las sentencias condicionales son esenciales en cualquier lenguaje de programación y son una parte fundamental de cualquier programa de JavaScript. Nos permiten crear aplicaciones y sitios web más complejos y flexibles, ya que nos permiten adaptar el comportamiento del programa a diferentes situaciones.

 

Por qué son importantes las sentencias condicionales en JavaScript

 

Las sentencias condicionales son una herramienta esencial para cualquier programador de JavaScript, ya que nos permiten controlar el flujo de ejecución de nuestro código de acuerdo a ciertas condiciones. Esto es especialmente útil cuando queremos que nuestro código se comporte de manera diferente en diferentes situaciones. Por ejemplo, podemos utilizar sentencias condicionales para mostrar mensajes diferentes a los usuarios dependiendo de si han iniciado sesión o no en nuestro sitio web, o para cargar diferentes conjuntos de datos dependiendo del dispositivo que esté utilizando el usuario.

 

Ejemplos de cómo utilizar sentencias condicionales en JavaScript

 

Aquí hay un ejemplo de cómo podríamos utilizar una sentencia condicional en JavaScript:

 

 

En este ejemplo, estamos comparando la temperatura (temperature) con 20. Si la temperatura es mayor que 20, se imprimirá "Hace calor hoy" en la consola. Si no, se imprimirá "Está fresco hoy". Este es un ejemplo simple, pero podemos usar sentencias condicionales para controlar el flujo de ejecución de nuestro código de muchas maneras más complejas. Por ejemplo, podemos utilizar sentencias condicionales anidadas (es decir, sentencias condicionales dentro de otras sentencias condicionales) para evaluar múltiples condiciones y tomar decisiones según sea el caso.

 

Uso de la sentencia if en JavaScript

 

Sintaxis de la sentencia if en JavaScript

 

La sintaxis básica de la sentencia if en JavaScript es la siguiente:

 

 

La condición es una expresión que se evalúa como verdadera o falsa. Si la condición se evalúa como verdadera, se ejecutará el código entre llaves. Si no, se saltará este código y se seguirá ejecutando el resto del programa. También podemos utilizar la sentencia else para especificar qué código se debe ejecutar si la condición no se cumple:

 

 

Ejemplos de uso de la sentencia if en JavaScript

 

Aquí hay algunos ejemplos de cómo podríamos utilizar la sentencia if en JavaScript:

 

  • Mostrar un mensaje de bienvenida si el usuario ha iniciado sesión

if (userLoggedIn) {
  console.log("Bienvenido de nuevo!");
}

 

  • Mostrar un mensaje de error si el usuario ha introducido una contraseña incorrecta

if (passwordIncorrect) {
  console.log("Contraseña incorrecta. Por favor, inténtelo de nuevo.");
}

 

  • Mostrar un mensaje diferente dependiendo del resultado de una prueba

if (testResult >= 60) {
  console.log("¡Enhorabuena, has aprobado!");
} else {
  console.log("Lo siento, no has aprobado. ¡Animo a seguir intentándolo!");
}

 

  • Cargar un conjunto de datos diferente dependiendo del dispositivo del usuario

if (isMobileDevice) {
  loadMobileData();
} else {
  loadDesktopData();
}

 

Como pueden ver, la sentencia if nos permite tomar decisiones y adaptar el comportamiento de nuestro código a diferentes situaciones.

 

Anidamiento de sentencias if en JavaScript

 

Además de la sentencia else, también podemos utilizar la sentencia else if para evaluar múltiples condiciones y tomar decisiones en consecuencia. La sintaxis para anidar sentencias if es la siguiente:

 

 

Aquí hay un ejemplo de cómo podríamos utilizar sentencias if anidadas para clasificar a los usuarios en diferentes categorías en función de su edad:

 

if (age < 18) {
  console.log("Eres un menor de edad");
} else if (age >= 18 && age < 65) {
  console.log("Eres un adulto");
} else {
  console.log("Eres una persona mayor");
}

 

En este ejemplo, primero se evalúa si la edad (age) es menor que 18. Si es así, se imprime "Eres un menor de edad" en la consola. Si no, se evalúa si la edad es mayor o igual a 18 y menor que 65. Si se cumple esta segunda condición, se imprime "Eres un adulto". Si ninguna de estas condiciones se cumple, se sabe que la edad es 65 o mayor, por lo que se imprime "Eres una persona mayor". El anidamiento de sentencias if nos permite evaluar múltiples condiciones y tomar decisiones en consecuencia de manera sencilla.

 

Bien, hasta aquí, esta primera parte sobre los condicionales, en la segunda, veremos la sentencia switch, el operador ternario y la evaluación a cortocircuito en los condicionales.

 

Hasta la próxima!!!

 

Anterior: Concatenación de cadenas en JavaScript: comparación de métodos y usos

Siguiente: Condicionales en JavaScript (Parte 2)

Otros artículos del autor

Conversación

...
...