La declaración de cambio de TypeScript ejecuta una declaración de múltiples condiciones. Evalúa una expresión en función de su valor, que podría ser booleano, número, byte, corto, int, largo, tipo de enumeración, cadena, etc. Una declaración de cambio tiene un bloque de código correspondiente a cada valor. Cuando se encuentre la coincidencia, se ejecutará el bloque correspondiente. Una declaración de cambio funciona como la declaración de escalera if-else-if.
Se deben recordar los siguientes puntos en una declaración de cambio:
- Puede haber N números de casos dentro de una declaración de cambio.
- Los valores de los casos deben ser únicos.
- Los valores de los casos deben ser constantes.
- Cada declaración de caso tiene una declaración de interrupción al final del código. La declaración de ruptura es opcional.
- La declaración de cambio tiene un bloque predeterminado que está escrito al final. La declaración predeterminada es opcional.
Sintaxis
switch(expression){ case expression1: //code to be executed; break; //optional case expression2: //code to be executed; break; //optional ........ default: //when no case is matched, this block will be executed; break; //optional } La declaración de cambio contiene lo siguiente. Puede haber cualquier cantidad de casos dentro de una declaración de cambio.
Caso: El caso debe ir seguido de una sola constante y luego de un punto y coma. No puede aceptar otra variable o expresión.
Romper: La ruptura debe escribirse al final del bloque para que salga de la declaración de cambio después de ejecutar un bloque de caso. Si no escribimos break, la ejecución continúa con el valor coincidente en el bloque de caso posterior.
Por defecto: El bloque predeterminado debe escribirse al final de la declaración de cambio. Se ejecuta cuando no hay ningún caso que coincida.
Ejemplo
let a = 3; let b = 2; switch (a+b){ case 1: { console.log('a+b is 1.'); break; } case 2: { console.log('a+b is 5.'); break; } case 3: { console.log('a+b is 6.'); break; } default: { console.log('a+b is 5.'); break; } } Producción:
Caja de interruptor con cuerda
let grade: string = 'A'; switch (grade) { case'A+': console.log('Marks >= 90'+'
'+'Excellent'); break; case'A': console.log('Marks [ >= 80 and = 70 and = 60 and <70 ]'+'
'+'average'); break; case'c': console.log('marks < 60'+'
'+'below average'); default: console.log('invalid grade.'); } pre> <p>In this example, we have a string variable grade. The switch statement evaluates grade variable value and match with case clauses and then execute its associated statements.</p> <p> <strong>Output:</strong> </p> <img src="//techcodeview.com/img/typescript-tutorial/79/typescript-switch-statement-3.webp" alt="TypeScript Switch Statement"> <hr> <h2>Switch Case with Enum</h2> <p>In TypeScript, we can use the switch case with Enum in the following ways.</p> <h3>Example</h3> <pre> enum Direction { East, West, North, South }; var dir: Direction = Direction.North; function getDirection() { switch (dir) { case Direction.North: console.log('You are in North Direction'); break; case Direction.East: console.log('You are in East Direction'); break; case Direction.South: console.log('You are in South Direction'); break; case Direction.West: console.log('You are in West Direction'); break; } } getDirection(); </pre> <p> <strong>Output:</strong> </p> <img src="//techcodeview.com/img/typescript-tutorial/79/typescript-switch-statement-4.webp" alt="TypeScript Switch Statement"> <hr> <h2>TypeScript Switch Statement is fall-through.</h2> <p>The TypeScript switch statement is fall-through. It means if a break statement is not present, then it executes all statements after the first match case.</p> <h3>Example</h3> <pre> let number = 20; switch(number) { //switch cases without break statements case 10: console.log('10'); case 20: console.log('20'); case 30: console.log('30'); default: console.log('Not in 10, 20 or 30'); } </pre> <p> <strong>Output:</strong> </p> <img src="//techcodeview.com/img/typescript-tutorial/79/typescript-switch-statement-5.webp" alt="TypeScript Switch Statement"></70> Producción:
La declaración de cambio de TypeScript es fallida.
La declaración de cambio de TypeScript es fallida. Significa que si no hay una declaración de interrupción, ejecuta todas las declaraciones después del primer caso de coincidencia.
Ejemplo
let number = 20; switch(number) { //switch cases without break statements case 10: console.log('10'); case 20: console.log('20'); case 30: console.log('30'); default: console.log('Not in 10, 20 or 30'); } Producción:
