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)

DEV The only reason people scroll to the bottom... 
is because they want to read more.

Sign up for an account to bookmark, comment, and react to articles that interest you.