Declaração de mudança de JavaScript (com exemplos)

Neste tutorial, você aprenderá sobre a instrução switch do JavaScript com a ajuda de exemplos.

A switchinstrução JavaScript é usada na tomada de decisões.

A switchinstrução avalia uma expressão e executa o corpo correspondente que corresponde ao resultado da expressão.

A sintaxe da switchdeclaração é:

 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 )

A switchinstrução avalia uma variável / expressão entre parênteses ().

Se o resultado da expressão for igual a value1, seu corpo será executado.
Se o resultado da expressão for igual a value2, seu corpo será executado.
Esse processo continua. Se não houver nenhum caso correspondente, o defaultcorpo é executado.

Notas:

A breakdeclaração é opcional. Se a instrução break for encontrada, a instrução switch termina.
Se a breakinstrução não for usada, os casos após o caso correspondente também serão executados.
A defaultcláusula também é opcional.

Fluxograma de declaração de switch

Fluxograma da instrução de switch JavaScript

Exemplo 1: programa simples usando instrução 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)`);

Resultado

 O valor é dois.

No programa acima, uma expressão a = 2é avaliada com uma switchinstrução.

O resultado da expressão é avaliado com o case 1que resulta em false.
Em seguida, a switchdeclaração vai para o segundo caso. Aqui, o resultado da expressão corresponde a case 2. Portanto, o valor é dois é exibido.
A breakinstrução termina o bloco e o fluxo de controle do programa salta para fora do switchbloco.

Exemplo 2: Digite Checking in switch Statement

 // 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)`);

Resultado

 O valor é um.

No programa acima, uma expressão a = 1é avaliada com uma switchinstrução.

Em JavaScript, a instrução switch verifica o valor estritamente. Portanto, o resultado da expressão não corresponde a case "1".
Em seguida, a switchdeclaração vai para o segundo caso. Aqui, o resultado da expressão corresponde a case 1. Portanto, o valor é um é exibido.
A breakinstrução termina o bloco e o fluxo de controle do programa salta para fora do switchbloco.

Nota : Em JavaScript, a instrução switch verifica os casos estritamente (deve ser do mesmo tipo de dados) com o resultado da expressão. Observe no exemplo acima, 1 não corresponde a "1" .

Vamos escrever um programa para fazer uma calculadora simples com a switchinstrução.

Exemplo 3: Calculadora Simples

 // 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; )

Resultado

 Insira o operador: + Insira o primeiro número: 4 Insira o segundo número: 5 4 + 5 = 9

No programa acima, o usuário é solicitado a inserir + , - , * ou / e dois operandos. Em seguida, a switchinstrução executa casos com base na entrada do usuário.

Alternar JavaScript com caixa múltipla

Em uma instrução switch JavaScript, os casos podem ser agrupados para compartilhar o mesmo código.

Exemplo 4: alternar com caixa múltipla

 // 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; )

Resultado