image

Access unlimited bootcamps and 650+ courses forever

60
%OFF
Vinícius Lobato
Vinícius Lobato16/08/2023 19:30
Share

Funções em JavaScript: Usando a função Switch Case em JavaScript

  • #JavaScript

Introdução ao tema:

Em determinados momentos do desenvolvimento de um código em busca de uma finalidade, são necessárias adaptações de saídas de acordo com as entradas recebidas. A partir disso, como forma de analisar estas entradas e ceder respostas esperadas para cada uma delas, a estrutura condicional “Switch Case”, torna-se de total utilidade para estas situações.

Citando a definição da função pela documentação disponibilizada pela MDN Web Docs, esta condicional avalia uma expressão, juntamente ao valor da cláusula case, para executar as instruções associadas a esta, de modo que satisfaça o resultado buscado.

Switch Case: Sintaxe e funcionamento:

Para o funcionamento, a função Switch Case busca suas respostas de saída de acordo com as variáveis que lhes são atribuídas para análise. No exemplo abaixo, é possível verificar que existem três variáveis, sendo elas: operacao (operação matemática desejada pelo usuário); valor1 (primeiro valor passado ao programa pelo usuário) e valor2 (segundo valor passado ao programa pelo usuário);

      //Utilizando Switch Case para operações matemáticas, utilizando 1 para soma e 2 para subtração
      var operacao = 2
      var valor1 = 10
      var valor2 = 20

 

A partir dessa premissa, a utilização da função mencionada torna possível a mudança de resultados finais de acordo com a necessidade do usuário passadas no momento de atribuição de valores as variáveis presentes. Para fazer isso, basta passar a variável “operacao” para dentro da estrutura Switch, que, com base nesta variável, irá analisar o que o usuário pretende receber como resposta final do programa. Veja abaixo:

      switch (operacao){
		case 1:
  		console.log('Operação selecionada: Soma')
  		console.log('Resultado = ' + (valor1 + valor2))
  		break;
		case 2:
  		console.log('Operação selecionada: Subtração')
  		console.log('Resultado = ' + (valor1 - valor2))
  		break;
  	default:
    		console.log('Operação inválida!')
}

Como no início do programa foi passado a variável “operação” o valor de “2”, a função Switch vai analisar e, de acordo com isso, vai retornar a saída como uma operação de subtração, correspondente a operação matemática do valor “2”. Com isso, utilizando um console.log(), é possível receber a saída esperada, como apresentado abaixo:

      Operação selecionada: Subtração
      Resultado = -10

 E, ao mudar o valor da variável "operacao" para "1", a resposta do programa muda, utilizando-se agora da soma dos dois valores atribuídos por "valor1" e "valor2", definindo assim uma função de somatória de valores. Veja abaixo:

  Operação selecionada: Soma
  Resultado = 30

É importante ressaltar que utilizando essa função pode-se também passar uma saída para quando não há, dentro do Switch Case, a opção passada a variável de análise. Chama-se “Default” e, neste exemplo, tem como finalidade apresentar a mensagem de “Operação inválida!” e assim finalizar o programa. Veja a saída abaixo:

       Operação inválida!

Diagrama de funcionamento da função Switch Case:

Com este diagrama da função, o entendimento de seu funcionamento se torna mais fácil. A partir da análise da variável principal e a criação dos "case", o programa vai rodar até conseguir satisfazer o resultado que busca e enquanto isso não ocorrer, ele continuará buscando até o fim do algoritmo pela resposta inserida no "Default".

image

(Disponível em: https://www.edrawsoft.com/pt/flowchart/flowchart-for-switch-statement.html)

Conclusão:

Por fim, é perceptível a grande utilidade desse tipo de função no momento que há a necessidade de saídas diferentes que se baseiam nas expressões passadas para as variáveis de acordo com o objetivo que se busca no programa. Desta forma, a função Switch Case é, sem dúvidas, uma ótima alternativa para quem busca condicionais que resultem em diferentes valores de saída, resultantes de diferentes valores de entrada.

 

Share
Comments (0)