Declaración de cambio de JavaScript (con ejemplos)

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 resultado false.
Luego, el switchenunciado pasa al segundo caso. Aquí, el resultado de la expresión coincide con case 2. Entonces se muestra el valor es dos.
La breakdeclaración termina el bloque y el flujo de control del programa salta al exterior del switchbloque.

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 con case 1. Entonces se muestra el valor es uno.
La breakdeclaración termina el bloque y el flujo de control del programa salta al exterior del switchbloque.

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