En este tutorial, aprenderá sobre la declaración de cambio de JavaScript con la ayuda de ejemplos.
La switchdeclaración de JavaScript se utiliza en la toma de decisiones.
La switchdeclaración evalúa una expresión y ejecuta el cuerpo correspondiente que coincide con el resultado de la expresión.
La sintaxis de la switchdeclaración es:
switch(variable/expression) ( case value1: // body of case 1 break; case value2: // body of case 2 break; case valueN: // body of case N break; default: // body of default )
La switchdeclaración evalúa una variable / expresión entre paréntesis ().
- Si el resultado de la expresión es igual a
value1, se ejecuta su cuerpo. - Si el resultado de la expresión es igual a
value2, se ejecuta su cuerpo. - Este proceso continúa. Si no hay un caso coincidente, el
defaultcuerpo se ejecuta.
Notas:
- La
breakdeclaración es opcional. Si se encuentra la sentencia break, la sentencia switch finaliza. - Si
breakno se utiliza la sentencia, también se ejecutan los casos posteriores al caso coincidente. - La
defaultcláusula también es opcional.
Diagrama de flujo de la declaración de cambio
Diagrama de flujo de la declaración de cambio de JavaScript
Ejemplo 1: Programa simple que usa la instrucción switch
// program using switch statement let a = 2; switch (a) ( case 1: a = 'one'; break; case 2: a = 'two'; break; default: a = 'not found'; break; ) console.log(`The value is $(a)`);
Salida
El valor es dos.
En el programa anterior, una expresión a = 2se evalúa con una switchdeclaración.
- El resultado de la expresión se evalúa con
case 1el resultadofalse. - Luego, el
switchenunciado pasa al segundo caso. Aquí, el resultado de la expresión coincide concase 2. Entonces se muestra el valor es dos. - La
breakdeclaración termina el bloque y el flujo de control del programa salta al exterior delswitchbloque.
Ejemplo 2: Tipo de verificación en la instrucción de cambio
// program using switch statement let a = 1; switch (a) ( case "1": a = 1; break; case 1: a = 'one'; break; case 2: a = 'two'; break; default: a = 'not found'; break; ) console.log(`The value is $(a)`);
Salida
El valor es uno.
En el programa anterior, una expresión a = 1se evalúa con una switchdeclaración.
- En JavaScript, la instrucción switch comprueba el valor estrictamente. Entonces, el resultado de la expresión no coincide con
case "1". - Luego, el
switchenunciado pasa al segundo caso. Aquí, el resultado de las expresiones coincide concase 1. Entonces se muestra el valor es uno. - La
breakdeclaración termina el bloque y el flujo de control del programa salta al exterior delswitchbloque.
Nota : En JavaScript, la instrucción switch verifica los casos estrictamente (deben ser del mismo tipo de datos) con el resultado de la expresión. Observe que en el ejemplo anterior, 1 no coincide con "1" .
Escribamos un programa para hacer una calculadora simple con el switchenunciado.
Ejemplo 3: Calculadora simple
// program for a simple calculator let result; // take the operator input const operator = prompt('Enter operator ( either +, -, * or / ): '); // take the operand input const number1 = parseFloat(prompt('Enter first number: ')); const number2 = parseFloat(prompt('Enter second number: ')); switch(operator) ( case '+': result = number1 + number2; console.log(`$(number1) + $(number2) = $(result)`); break; case '-': result = number1 - number2; console.log(`$(number1) - $(number2) = $(result)`); break; case '*': result = number1 * number2; console.log(`$(number1) * $(number2) = $(result)`); break; case '/': result = number1 / number2; console.log(`$(number1) / $(number2) = $(result)`); break; default: console.log('Invalid operator'); break; )
Salida
Ingrese el operador: + Ingrese el primer número: 4 Ingrese el segundo número: 5 4 + 5 = 9
En el programa anterior, se le pide al usuario que ingrese + , - , * o /, y dos operandos. Luego, la switchdeclaración ejecuta casos basados en la entrada del usuario.
Interruptor de JavaScript con caso múltiple
En una declaración de cambio de JavaScript, los casos se pueden agrupar para compartir el mismo código.
Ejemplo 4: cambiar con caso múltiple
// multiple case switch program let fruit = 'apple'; switch(fruit) ( case 'apple': case 'mango': case 'pineapple': console.log(`$(fruit) is a fruit.`); break; default: console.log(`$(fruit) is not a fruit.`); break; )
Salida
la manzana es una fruta.
En el programa anterior, se agrupan varios casos. Todos los casos agrupados comparten el mismo código.
Si el valor de la variable fruta tuviera valor mangoo pineapple, la salida habría sido la misma.
Artículos recomendados
- Interruptor de JavaScript sin interrupción
- Declaración de cambio Vs if … else
