Lo sentimos mucho pero este blog se encuentra en remodelación en donde el Material Design denomina.

Sentencia switch en Javascript

La sentencia o estructura switch es utilizado para realizar diversas acciones basadas en diferentes condiciones y estados de un valor de una variable, de tal manera que nos permite mandar instrucciones a estados especificos agregando bloques (instrucciones) de códigos.


Switch

Su puede escribir en cualquier parte del documento JS y es obligatorio que dentro de la sentencia vaya acompañado de case que es la que sentencia el estado o condición de una variable para condicionar y mandarle instrucciones, también puede ir acompañada al final de la palabra default aunque no es obligatorio. su función es similar a if y else.

Su sintaxis es la siguiente:


switch (expresión) { 
    case value1: 
       //Instruciones a ejecutar si la expresión tiene como valor a value1
       break;
    case value2: 
       //Sentencias a ejecutar si la expresión tiene como valor a value2
       break;
    case value3: 
       //Sentencias a ejecutar si la expresión tiene como valor a value3
       break;
    default: 
       //Sentencias a ejecutar si el valor no es ninguno de los anteriores
        break;
}

switch (expresión) Soporta number y boolean
case value Soporta string, number y boolean.

En el siguiente ejemplo crearemos instrucciones por string, donde la expresión que usaremos sera de la variable carrito.


var carrito = "Bananas"
switch (carrito) {
  case "Naranjas":
    document.write("Las naranjas cuestan $ 0.59 la libra.");
    break;
  case "Manzanas":
    document.write("Las manzanas cuestan $ 0.32 la libra.");
    break;
  case "Bananas":
    document.write("Las Bananas cuestan $ 0.48 por libra.");
    break;
  case "Cherries":
    document.write("Los Cherries cuestan  $3.00 por libra.");
    break;
  case "Papayas":
    document.write("Los mangos o papayas cuestan $2.79 a libra.");
    break;
  default:
    document.write("Lo sentimos, pero no tenemos " + carrito + ".");
}
document.write("¿Hay algo más que te gustaría?");

En este ejemplo como anteriormente dijimos, sentenciamos la expresión de la variable carrito para condicionar algunos valores dentro de ella


Para esto agregaremos los casos con los siguientes valores: Naranjas, Manzanas, Bananas, Cherries, Papayas que vendrían siendo los valores de dicha variable y también dimos uso de la palabra default en caso de que ninguno de los valores exista dentro de la sentencia.


El resultado de esta sentencia es que nos va a imprimir en el navegador (Documento HTML) "Las Bananas cuestan $ 0.48 por libra. ¿Hay algo más que te gustaría?", ya que el valor que esta dentro de la variable carrito es Bananas. Si en la variable carrito existiera un valor que no esta dentro de la sentencia switch entonces se activara la instrucción de la palabra default


break

La palabra break se usa para darle fin a una sentencia, con esto decimos que la sentencia de cualquier valor declarado en el case llego a su fin.


Si queremos agregar otra sentencia para otro valor simplemente la escribimos después de la palabra break.


default

La palabra default especifica el código que se ejecutará si no hay coincidencia en ninguno de los case (casos) (sus valores).


Aqui tenemos otro ejemplo donde crearemos instrucciones por number:


var fecha = new Date();
var dia = fecha.getDay();

switch (dia) {
    case 0:
    document.write("Es Domingo");
          break;
    case 1:
    document.write("Es Lunes");
          break;
    case 2:
    document.write("Es Martes");
          break;
    case 3:
    document.write("Es Miercoles");
          break;
    case 4:
    document.write("Es Jueves");
          break;
    case 5:
    document.write("Es Viernes");
          break;
    case 6:
    document.write("Es Sabado");
          break;
   default:
   document.write"No se que dia es hoy, lo siento.");
   break;
}

En este ejemplo creamos dos variables en cual nos va a imprimir en el navegador el numero del dia actual, pero aqui sentenciamos la variable dia para que nos imprima el nombre del día actual.


por ejemplo, si yo no doy uso de la sentencia switch, entonces me imprimiría un numero del 0 al 6 que vendría siendo los valores de dicha variable, pero con la sentencia switch condicionamos cada uno de esos valores para que en vez de los números me imprima el nombre del día actual.


Esta información es una recopilación de diversas fuentes y de mi propia experiencia.

Comentarios