Introdução à declaração de caso em JavaScript

JavaScript é a linguagem de script do lado do cliente mais popular, suportada por quase todos os navegadores. É uma linguagem de programação dinâmica de código aberto usada por desenvolvedores de front-end. Quase todas as estruturas de front-end populares como Angular, React etc. são baseadas em JavaScript; o código final gerado é apenas em JavaScript puro. Como qualquer outra linguagem de programação, o JavaScript tem a capacidade de tomar decisões usando instruções condicionais que são muito úteis e necessárias para a tomada de decisões em tempo de execução. As declarações de tomada de decisão são a espinha dorsal de qualquer linguagem de programação porque, dependendo dos diferentes cenários e situações, somos capazes de executar declarações específicas.

O que é declaração de caso em JavaScript?

Ao escrever programas, pode haver uma situação em que precisamos executar uma parte específica, dependendo da situação. Isso se refere à escolha e execução dinâmicas da parte preferida do código. Nesse tipo de situação, podemos usar instruções condicionais que nos permitem tomar uma decisão em tempo de execução e executar a parte correta.

O JavaScript suporta instruções condicionais como if, if … else …, switch case statement, etc. Essas são as instruções usadas para decidir o fluxo de execução, dependendo das diferentes condições. Vamos ver como se a instrução funciona e seus detalhes, tentaremos entender por que precisamos alternar as instruções de caso e seus detalhes em profundidade.

Se a instrução funcionar dessa maneira, se uma condição for verdadeira, ele executará o código do bloco if, caso contrário, se uma condição for falsa, executará o código do bloco else. A condição aqui é o que realmente estamos passando para tomar a decisão do programa. No caso da instrução if, a instrução de condição é principalmente uma variável booleana ou uma expressão retornando variável booleana, é True ou False. Dependendo desse valor, a instrução If executa um bloco de código específico. Existem três formas de declaração if,

  1. Instrução If
  2. Instrução If else
  3. If if if Statement

Como funciona a declaração?

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 exemplo, a instrução if verificará a condição uma por uma e executará um bloco de código específico. Esse tipo de execução é aceitável para um número menor de condições, mas imagine que, se tivermos um grande número de condições, fica difícil rastrear o código, o código fica confuso e menos eficiente. Nesse tipo de cenário, a instrução switch case é útil. A instrução switch case é usada como uma alternativa para várias instruções if … else … Eles são mais eficientes ao testar várias condições.

Como a declaração de caso funciona em script Java?

A instrução case executa um dos muitos blocos de código com base em uma variável ou em um valor da expressão.

Sintaxe:

switch(expression)
(
case a:
//Statement or expression;
break;
case b:
//Statement or expression;
break;
.
.
.
default:
//default statement or expression;
)

  • A instrução case avalia primeiro a expressão e descobre o valor dela.
  • Em seguida, ele corresponde ao mesmo valor com cada instrução de caso. No nosso caso, uma vez que o valor da expressão seja determinado, ele será comparado com os valores de caso a, b, etc.
  • Depois de corresponder o valor às instruções de caso, se uma correspondência for encontrada, ele executará o código ou a expressão dentro desse bloco e sairá do bloco de chave.
  • Ele continua comparando o resultado da expressão um por um com todos os valores de caso.
  • Se nenhuma correspondência for encontrada em todas as instruções de caso, ele executará o bloco de código da instrução de caso padrão. O bloco padrão é sempre executado quando nenhuma correspondência é encontrada.
  • A palavra-chave break é usada após cada execução de bloco de caso. Basicamente, ele diz ao programa para sair da instrução switch.
  • Se a instrução break não for usada, a execução do programa continuará executando o código do próximo bloco de caso e continuará até encontrar a palavra-chave break ou executar o bloco padrão final.

Diagrama de fluxo:

No caso de instruções de caso, a condição pode ser uma expressão ou um valor de qualquer tipo de dados. A expressão nada mais é do que uma declaração condicional retornando o valor apropriado a ser comparado. As instruções de alternância de casos são boas para avaliar tipos de dados fixos.

Exemplos de declaração de caso em JavaScript

Exemplos de declaração de caso em JavaScript são os seguintes:

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

No exemplo acima, a variável x é do tipo inteiro e atribuímos o valor 1 a ela. x é passado como a expressão para a instrução switch. Agora, o valor de x é comparado com todos os casos, no nosso caso, ele será comparado com o caso 1. Isso executará o bloco para o caso 1 e o programa imprimirá “Um” no console. Se o valor de x fosse outro, o bloco padrão teria sido executado.

Exemplo 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”);
)

O exemplo acima corresponderá à cor azul e exibirá Alerta no navegador como "Cor azul". Observe que o tipo de expressão de dados aqui é String. No exemplo anterior, era do tipo Inteiro.

Conclusão

JavaScript tem o amplo suporte de instruções condicionais. As instruções de caso são alternativas a várias instruções if-else. As instruções de caso tornam o código eficiente e parecem menos confusas. As instruções de caso são muito úteis em JavaScript, onde é necessário testar vários números grandes de condições.

Artigos recomendados

Este é um guia para a declaração de caso em JavaScript. Aqui discutimos como a declaração de caso funciona junto com os exemplos de declaração de caso em javascript. Você também pode consultar os seguintes artigos para saber mais -

  1. Matrizes em JavaScript
  2. Como funciona o JavaScript
  3. Cheat Sheet JavaScript
  4. Carreiras em JavaScript
  5. Multiplicação de matrizes de programação C
  6. Alternar maiúsculas e minúsculas no PowerShell | Parâmetros Exemplos