Uma instrução condicional permite executar um bloco de código com base em uma condição específica.

A linguagem JavaScript fornece várias maneiras de usar instruções condicionais. Muitos deles são comuns a outras linguagens de programação também. Mas você deve estar ciente de seus benefícios individuais e como eles funcionam em JavaScript.

1. Instruções if-else e else-if

Um if-else A instrução executa um bloco se sua condição for verdadeira e o outro bloco se for falsa. Um else-if executa o bloco que corresponde a uma das várias condições ou um bloco padrão se nenhuma condição corresponder.

Um valor de verdade é um valor que o JavaScript considera verdadeiro quando o encontra em um contexto booleano. Um valor falso é um valor que o JavaScript considera falso quando o encontra em um contexto booleano.

JavaScript considera todos os valores verdadeiros, a menos que sejam um de um pequeno número que são falsos. Os valores falsos são falso, 0, -0, 0n, "", nulo, Indefinido, e NaN.

Aqui está a sintaxe para um if-else declaração:

instagram viewer
se (condição) {
// Se a condição for um valor verdadeiro, este bloco de código será executado
} senão {
// Se a condição for um valor falso, este bloco de código será executado
}

Em alguns casos, você pode querer verificar várias condições relacionadas. Nesses cenários, você pode usar um senão-se para avaliar as condições extras.

Por exemplo:

se (condição) {
// Se a condição for verdadeira, este bloco de código será executado e a execução do código
// Vai parar.
} senãoE se (condição_2) {
// Se a primeira condição for falsa, este bloco de código será executado se condition_2
// é verdade
} senãoE se (condição_n) {
// Se as condições anteriores forem ambas falsas, este bloco de código será executado se
// condition_n é verdadeiro
} senão {
// Se todas as condições forem falsas, este bloco de código será executado
}

Usando senão-se instruções, você pode avaliar quantas condições quiser. No entanto, esse método rapidamente se torna desagradável e difícil de manter à medida que o número de condições aumenta.

JavaScript fornece uma maneira mais limpa de avaliar várias condições chamadas de trocar declaração.

2. A Declaração de Troca

o trocar A instrução avalia uma expressão uma vez e tenta combiná-la com um ou mais valores possíveis. Você pode fornecer cada valor potencialmente correspondente após um caso palavra-chave.

Quando a instrução switch encontra uma correspondência, ela executa todas as instruções depois dela, até encontrar uma parar declaração.

Aqui está a sintaxe para a instrução switch:

trocar (expressão) {
caso 'primeiro-caso':
// executa o código se a expressão corresponder a este caso
parar;

caso 'caso_2':
// executa o código se a expressão corresponder a este caso
parar;

predefinição:
// executa o código se a expressão não corresponder a nenhum caso
}

o parar declarações são uma parte essencial do trocar block porque especificam onde o código deve parar de ser executado. Se você perder uma instrução break, a execução do código continuará e executará todos os outros blocos de código após a primeira correspondência. Isso raramente é o que você vai querer que aconteça.

3. O Operador Ternário

JavaScript também permite abreviar declarações condicionais usando o operador ternário.

O operador ternário recebe três operandos:

  1. Uma condição, seguida por um ponto de interrogação (?).
  2. Uma expressão após o ponto de interrogação e antes de dois pontos (:). Isso será executado se a condição for verdadeira.
  3. Uma expressão após os dois pontos que será executada se a condição for falsa.

Por exemplo:

doença? console.log('A condição é verdadeira'): console.log('A condição é falsa');

A declaração acima significa efetivamente “Se a ‘condição’ for verdadeira, registre a primeira mensagem, caso contrário, registre a segunda mensagem”.

4. Curto-circuito

O curto-circuito é uma técnica que envolve o uso de os operadores lógicosOU (||) e E (&&) para avaliar uma expressão da esquerda para a direita.

Uma operação envolvendo o operador OR causará um curto-circuito ao retornar o primeiro valor verdadeiro que encontrar. Se todos os valores na expressão forem falsos, ela entrará em curto-circuito e retornará o último valor falso.

Uma operação usando o operador AND causará um curto-circuito ao retornar a primeira declaração falsa que encontrar. Se todas as declarações na expressão forem verdadeiras, ela entrará em curto-circuito e retornará o último valor verdadeiro.

Aqui está um exemplo de como escrever uma instrução condicional com o operador OR.

app.listen (process.env. PORTO || 3000)

Essa abordagem de curto-circuito para escrever instruções condicionais é popular em aplicativos Express. Diz: “se o PORTA existe uma variável de ambiente, use-a; caso contrário, use a porta 3000”.

Aqui está um exemplo de como escrever uma instrução condicional com o operador AND.

foo && console.log('foo está definido')

O bloco de código acima significa “se foo estiver definido, chame a função console.log()”.

Essa técnica é a maneira mais curta de escrever uma condicional, mas pode dificultar a leitura do código. Você deve evitar usá-lo em excesso, principalmente quando estiver trabalhando como parte de uma equipe maior.

A Importância das Declarações Condicionais

Declarações condicionais são o que permitem que seu programa tome decisões. Sem eles, seu código será executado em um caminho direto do início ao fim. Eles também fazem parte de loops. Sem eles, os loops seriam executados infinitamente, travando seu aplicativo.