Estructuras condicionales en JavaScript (explicado con peras y manzanas)

Imaginemos que tenemos que crear una plataforma para entregar colaciones o meriendas a las niñas de una escuela pública. La Dirección de la escuela nos indica que las niñas menores de diez años recibirán una pera y todas las demás recibirán una manzana.

¿Cómo podemos hacer entonces para que el sistema nos muestre cuál merienda corresponde a cada niña?

Para esto existen las estructuras condicionales. Si analizamos la palabra condición, una de sus definiciones (la que nos importa) es Circunstancia necesaria e indispensable para que otra pueda ocurrir.

Tomemos las condiciones de nuestro ejemplo:

  • Las niñas menores de 10 años recibirán peras.
  • Las niñas mayores de 10 años (o sea, todas las demás) recibirán manzanas.

Entonces, la condición para que las niñas reciban peras es que tengan menos de 10 años, mientras que la condición para que reciban manzanas es que tengan más de 10 años. Fácil, ¿no?

Pero… ¿Cómo pasamos todo eso a JavaScript?

Para armar estructuras condicionales en JavaScript la sintaxis es la siguiente:

Estructura sentencia if

La sentencia if (o si… en castellano) nos ayuda a plasmar la condición y lo que sucederá si ésta se cumple.

En el caso de nuestro ejemplo, tomando el primer caso quedaría:

(El método console.log se utiliza para enviar mensajes en la consola, por si acaso)

También, dentro de esta sentencia en JavaScript existe otro bloque llamado else (o sino… en castellano). Este bloque ejecuta el código para todo lo que no cumple la condición anterior que estaba dentro del if. Entonces, para completar el pseudocódigo de nuestro ejemplo, el programa quedaría de la siguiente manera:

“Si la edad de la niña es menor de diez, la niña recibe pera, sino, la niña recibe manzana”

El programa anterior se podría leer como: “Si(if)… la edad de la niña es menor a diez, la niña recibe pera, sino(else)… la niña recibe manzana”.

Pero… ¿Qué pasa cuando necesito que se cumpla más de una condición?

Imaginemos que la Dirección de la escuela, además de entregar peras y manzanas, quiere entregarle galletas a las niñas mayores de quince años. ¿Qué podemos hacer para completar nuestro programa?

Para estos casos JavaScript tiene una solución. Aparte de la sentencia if y else, existe otra llamada else if, que se puede ocupar para agregar todas las condiciones que queramos después de la primera (donde se utiliza solo if).

Entonces, si quisiéramos agregar la última condición, nuestro programa quedaría de la siguiente manera:

Agregando else if

Cabe destacar que la sentecia if no es la única que existe para desarrollar estructuras condicionales (te recomiendo investigar sobre el método switch), pero sí es la más conocida y la más utilizada a la hora de plantear condiciones.

¡Mucha suerte en la aventura del código!

Like what you read? Give Susana Opazo a round of applause.

From a quick cheer to a standing ovation, clap to show how much you enjoyed this story.