DEV Community 👩‍💻👨‍💻

Cover image for Ou Isso ou Aquilo: Entendendo os Desvios Condicionais (Parte 1)
ananopaisdojavascript
ananopaisdojavascript

Posted on • Originally published at ananopaisdojavascript.hashnode.dev

Ou Isso ou Aquilo: Entendendo os Desvios Condicionais (Parte 1)

Em primeiro lugar: o que são desvios condicionais?

Desvios condicionais são estruturas que usamos que tomar decisões de acordo com o resultado de uma condição (teste lógico).

Desvios condicionais simples

São estruturas que contém um bloco que será executado se uma condição for verdadeira.

if(expressão) {
   // faça algo
}
Enter fullscreen mode Exit fullscreen mode

Desvios condicionais compostos

São estruturas que incorporam else na sintaxe, ou seja, se a primeira condição não se cumprir, a segunda condição será acionada.

if(expressão) {
   // faça algo
} else {
  // faça algo
}
Enter fullscreen mode Exit fullscreen mode

E se houver várias condições?!

Podemos usar else if até que uma condição seja verdadeira.

if(expressão) {
   // faça algo
} else if {
  // faça algo
} else {
  // faça algo
}
Enter fullscreen mode Exit fullscreen mode

Desvios condicionais encadeados

Usamos os desvios condicionais encadeados quando existe a necessidade de verificar condições sucessivas nas quais uma ação será executada se um conjunto de condições for satisfeito.

if(expressão) {
  // faça algo
} else {
  if (segunda expressão) {
     // faça algo
  } else {
    // faça algo
  }
}
Enter fullscreen mode Exit fullscreen mode

Porém... Existe uma alternativa!

Podemos usar Switch / Case para verificar condições.

switch (expressão) {
   caso 1:
      // faça algo
      break;
   caso 2:
      // faça algo
      break;
   caso 3:
      // faça algo
      break;
   default:
      // faça algo
}
Enter fullscreen mode Exit fullscreen mode

E por que usar o break dentro de Switch / Case?!

A gente usa break para finalizar uma determinada verificação. Se não o usamos, a verificação de casos nunca vai parar.

Espera! Porque ainda temos o...

Operador Ternário

O que é isso?! O operador ternário é um operador condicional com três operandos, como mostra a estrutura abaixo:

condicao ? expressao1 : expressao2
Enter fullscreen mode Exit fullscreen mode

O operador ternário deixa o código mais simples e fácil de ler, porque não há necessidade de usar if / else.

E aí? Gostaram? Até a próxima anotação! 😊

Top comments (0)

🌚 Friends don't let friends browse without dark mode.

Sorry, it's true.