Introducción a la declaración de caso en JavaScript
JavaScript es el lenguaje de script más popular del lado del cliente que es compatible con casi todos los navegadores. Es un lenguaje de programación dinámico de código abierto que utilizan los desarrolladores front-end. Casi todos los marcos frontales populares como Angular, React, etc. están basados en JavaScript; el código final que se genera está solo en JavaScript puro. Al igual que cualquier otro lenguaje de programación, JavaScript tiene la capacidad de tomar decisiones utilizando declaraciones condicionales que son muy útiles y necesarias para la toma de decisiones en tiempo de ejecución. Las declaraciones de toma de decisiones son la columna vertebral de cualquier lenguaje de programación porque, dependiendo de los diferentes escenarios y situaciones, podemos ejecutar declaraciones particulares.
¿Qué es la declaración de caso en JavaScript?
Mientras escribimos programas, puede haber una situación en la que necesitemos ejecutar una parte particular de la misma dependiendo de la situación. Esto se refiere a elegir y ejecutar dinámicamente la parte preferida del código. En este tipo de situaciones, podemos usar declaraciones condicionales que nos permitan tomar una decisión en tiempo de ejecución y ejecutar la parte correcta.
JavaScript admite declaraciones condicionales como la declaración if, if … else … declaración, cambio de caso, etc. Estas son las declaraciones que se utilizan para decidir el flujo de ejecución en función de diferentes condiciones. Veamos cómo funciona la declaración y sus detalles, entonces trataremos de entender por qué necesitamos cambiar las declaraciones de caso y sus detalles en profundidad.
Si la instrucción funciona de esta manera, si una condición es verdadera, ejecutará el código desde el bloque, de lo contrario, si una condición es falsa, ejecutará el código desde el bloque else. La condición aquí es lo que realmente estamos pasando para tomar la decisión del programa. En el caso de la declaración if, la declaración de condición es principalmente una variable booleana o una expresión que devuelve una variable booleana, es verdadera o falsa. Dependiendo de este valor, la instrucción If ejecuta un bloque de código particular. Hay tres formas de declaración if,
- Si la declaración
- Si otra declaración
- Si más si Declaración
¿Cómo funciona la declaración?
If (condition 1) (
//execute this block when condition 1 is true
)
else if (condition 2) (
//execute this block when condition 2 is true
)
.
.
.
else (
//execute this block when none of condition is true
)
Por ejemplo, si la instrucción verificará la condición uno por uno y ejecutará un bloque de código en particular. Este tipo de ejecución está bien para un número menor de condiciones, pero imagine, si tenemos un gran número de condiciones, entonces se hace difícil rastrear el código, el código se vuelve desordenado y menos eficiente. En este tipo de escenarios, la declaración de cambio de caso es útil. La declaración de mayúsculas y minúsculas se usa como una alternativa a las declaraciones múltiples if … else … Son más eficientes cuando se prueban múltiples condiciones.
¿Cómo funciona la declaración de caso en Java Script?
La declaración de caso ejecuta uno de los muchos bloques de código en función de una variable o un valor de la expresión.
Sintaxis:
switch(expression)
(
case a:
//Statement or expression;
break;
case b:
//Statement or expression;
break;
.
.
.
default:
//default statement or expression;
)
- La declaración del caso evalúa primero la expresión y descubre el valor de la misma.
- Luego, coincide con el mismo valor con cada declaración de caso. En nuestro caso, una vez que se determina el valor de la expresión, se comparará con los valores de los casos a, b, etc.
- Después de hacer coincidir el valor con las declaraciones de caso, si se encuentra una coincidencia, ejecuta el código o la expresión dentro de ese bloque y sale del bloque de interruptor.
- Continúa comparando el resultado de la expresión uno por uno con todos los valores de los casos.
- Si no se encuentra ninguna coincidencia en todas las declaraciones de caso, se ejecuta el bloque de código de la declaración de caso predeterminada. el bloque predeterminado siempre se ejecuta cuando no se encuentra ninguna coincidencia.
- La palabra clave Break se usa después de cada ejecución de bloque de caso. Básicamente, le dice al programa que salga de la instrucción switch.
- Si no se usa la instrucción break, la ejecución del programa continuará ejecutando el código del siguiente bloque de casos y continuará hasta que encuentre la palabra clave break o ejecute el bloque predeterminado final.
Diagrama de flujo:
En el caso de declaraciones de casos, la condición puede ser una expresión o un valor de cualquier tipo de datos. La expresión no es más que una declaración condicional que devuelve el valor apropiado para comparar. Las declaraciones de cambio de caso son buenas para evaluar tipos de datos fijos.
Ejemplos de declaración de caso en JavaScript
Ejemplos de declaración de caso en JavaScript son los siguientes:
Ejemplo 1
var x = 1;
switch (x)
(
case 0:
console.log(“Zero”);
break;
case 1:
console.log(“One”);
break;
case 2:
console.log(“Two”);
break;
default:
console.log (“Not Zero, One or Two);
)
En el ejemplo anterior, la variable x es de tipo entero y le hemos asignado el valor 1. x se pasa como la expresión a la instrucción switch. Ahora el valor de x se compara con todos los casos, en nuestro caso, coincidirá con el caso 1. Eso ejecutará el bloque para el caso 1 y el programa imprimirá "Uno" en la consola. Si el valor de x ha sido cualquier otro, se habría ejecutado el bloque predeterminado.
Ejemplo 2
var colour = “Blue”;
switch(colour)
(
case “Red”:
alert (“Colour is Red”);
break;
case “Green”:
alert (“Colour is Green”);
break;
case “Blue”:
alert (“Colour is Blue”);
break;
default:
alert (“No Colour Match”);
)
El ejemplo anterior coincidirá con el color como azul y mostrará Alerta en el navegador como "Color es azul". Tenga en cuenta que el tipo de datos de expresión aquí es String. En el ejemplo anterior, era de tipo entero.
Conclusión
JavaScript tiene un soporte muy amplio de declaraciones condicionales. Las declaraciones de caso son alternativas a las declaraciones de if-else múltiples. Las declaraciones de casos hacen que el código sea eficiente y se vea menos desordenado. Las declaraciones de casos son muy útiles en JavaScript, donde se requieren pruebas de múltiples grandes condiciones.
Artículos recomendados
Esta es una guía de la Declaración de caso en JavaScript. Aquí discutimos cómo funciona la declaración de caso junto con los ejemplos de declaración de caso en javascript. También puede consultar los siguientes artículos para obtener más información:
- Matrices en JavaScript
- Cómo funciona JavaScript
- JavaScript Cheat Sheet
- Carreras en JavaScript
- C Multiplicación de la matriz de programación
- Switch Case en PowerShell | Parámetros | Ejemplos