Condicionales If, Else y Switch en Javascript

00Comment iconComment iconComment iconComment icon

Vamos a seguir entendiendo conceptos básicos de Javascript, esta vez conceptos que nos permiten interactuar con las variables creadas

Writer image

Traducido porEditorial

Writer image

Revisado porEditorial

Edit Article

Condicionales if y else

Usamos los Controles de Flujo if/else para evaluar las condiciones que se plantean en la estructura del código. Las condiciones son secuencias que deben evaluarse como True o False.

Comenzamos declarando que vamos a imponer una condición con la palabra IF. Después colocamos la condición, preferiblemente entre paréntesis (). Si se cumple la condición, iremos al resultado. El resultado debe estar entre llaves {}.

La condición se comprueba; se usan dos signos de igual para igualdad (==) y mayor que (>) o menor que (<) para comparaciones.

Ejemplo:

| if ( condición ) {

| console.log("verdadero");

| }

Puedes añadir else para cubrir todos los casos que sean falsos:

| if (true) {

| console.log("verdadero");

| } else {

| console.log("Falso");

| }

Puedes poner condicionales una dentro de otra:

| if (5>4) {

| if (3>2) {

| console.log("verdadero");

| } else {

| console.log("verdadero");

| }

| } else {

| console.log("Falso");

| }

Puedes poner más de una opción de if seguida una de otra:

| var semaforo = "amarelo";

| var mensaje;

| if (semaforo == "verde") {

| mensaje = "Puede pasar";

| } else if (semaforo == "vermelho") {

| mensaje = "Pare";

| } else {

| mensaje = "Atención";

| }

Unión o intersección

También es posible tener múltiples comparaciones usando "&&" para intersección y "||" para unión.

| var edad = "16";

| var tipo;

| if (edad >= 80 || edad < 15) {

| tipo = "dependiente";

| } else if (edad < 18 && edad >= 15) {

| tipo = "adolescente";

| } else {

| tipo = "adulto";

| }

If ternario

Puedes hacer este código de forma compacta. Esto se llama if ternario. Sería de la siguiente forma:

| condicion ? código1 : código2

Mira un ejemplo:

| var nombre;

| console.log( nombre ? 'Hola ' + nombre : 'Escribe un nombre' );

Este código tiene el mismo efecto que este:

| var nombre;

| if ( nombre ) {

| console.log("Hola " + nombre);

| } else {

| console.log("Escribe un nombre");

| }

Switch

Switch es un método de Javascript que ayuda a programar diversas condiciones. Bien puede ser sustituido por ifs uno dentro de otro, pero es más claro y bonito de usar.

| autenticado = true;

| switch (autenticado) {

| case true:

| console.log("Usuario logueado");

| break;

| case false:

| console.log("Usuario no autenticado");

| }