Estructura switch en javascript
La instrucción switch es una opción para remplazar en varias situaciones los if/else if.
De todos métodos se puede utilizar en ciertas situaciones donde la condición se verifica si es igual a cierto costo. No tenemos la posibilidad de preguntar por más grande o menor.
Con una ejemplificación sencilla, observaremos cual es su sintaxis. Confeccionar un programa que solicite que ingrese un costo entre 1 y 5. Después demostrar en castellano el costo ingresado. Demostrar un mensaje de error en caso de haber ingresado un costo que no esté en dicho rango.
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de
JavaScript</title>
<meta charset="UTF-8">
</head>
<body>
<script>
var valor;
valor=prompt('Ingrese un valor comprendido
entre 1 y 5:','');
//Convertimos a entero
valor=parseInt(valor);
switch (valor) {
case 1: document.write('uno');
break;
case 2: document.write('dos');
break;
case 3: document.write('tres');
break;
case 4: document.write('cuatro');
break;
case 5: document.write('cinco');
break;
default:document.write('debe ingresar un valor comprendido entre 1 y 5.');
}
</script>
</body>
</html>
Debemos considerar que la variable que analizamos debería ir luego de la instrucción switch entre paréntesis, ada costo que se examina debería ir después del vocablo clave 'case' y seguido a ambos puntos de vista, las indicaciones a realizar, en caso de comprobar dicho costo la variable que examina el switch.
Es fundamental contar con el término clave 'break' al finalizar cada caso. La indicaciones que hay luego del vocablo clave 'default' se ejecutan en caso que la variable no se verifique en cualquier case.
Plantearemos un segundo problema para
ver que podemos utilizar variables de tipo cadena con la instrucción switch.
Ingresar por teclado el nombre de un color (rojo, verde o azul), luego
mostraremos un mensaje indicando el color ingresado:
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de JavaScript</title>
<meta charset="UTF-8">
</head>
<body>
<script>
var col;
col=prompt('Ingrese
alguno de estos tres colores (rojo, verde, azul)' ,'');
switch (col) {
case 'rojo': document.write('se ingresó
rojo');
break;
case 'verde': document.write('se ingresó
verde');
break;
case 'azul': document.write('se ingresó
azul');
break;
}
</script>
</body>
</html>
Al comprobar las cadenas debemos encerrarlas entre comillas el valor a
analizar:
case 'rojo':
document.write('se ingresó rojo');
break;
