JavaScriptTutoriais

Declarando if e else em JavaScript

Ao escrever um programa, pode haver uma situação em que você precisa adotar um determinado conjunto de caminhos. Nesses casos, você precisa usar instruções condicionais que permitam que seu programa tome decisões corretas e execute ações corretas.

O JavaScript suporta instruções condicionais que são usadas para executar ações diferentes com base em condições diferentes. Aqui vamos explicar a declaração if..else .

Fluxograma de if-else

O fluxograma a seguir mostra como a instrução if-else funciona.

JavaScript suporta as seguintes formas de declaração if..else –

  • if declaração
  • if … else declaração
  • if … else if … declaração.

if declaração

A instrução if é a instrução de controle fundamental que permite ao JavaScript tomar decisões e executar instruções condicionalmente.

Sintaxe

A sintaxe para uma instrução if básica é a seguinte –

if (expressão) {
   Declaração a ser executada se a expressão if for verdadeiro
}

Aqui, uma expressão JavaScript é avaliada. Se o valor resultante for true, a (s) instrução (ões) fornecida (s) será (ão) executada (s). Se a expressão for falsa, nenhuma declaração será executada. Na maioria das vezes, você usará operadores de comparação ao tomar decisões.

Exemplo

Tente o exemplo a seguir para entender como a instrução if funciona.

<html>
   <body>     
      <script type = "text/javascript">
         <!--
            var idade = 20;
         
            if(idade > 18) {
               document.write("<b>Qualificado para dirigir</b>");
            }
         //-->
      </script>      
      <p>Defina a variável para um valor diferente e tente novamente…</p>
   </body>
</html>

Resultado

Qualificado para dirigir
Defina a variável para um valor diferente e tente novamente…

if … else declaração

A instrução ‘if … else’ é a próxima forma de declaração de controle que permite que o JavaScript execute instruções de maneira mais controlada.

Sintaxe

if(expressão) {
    Declaração a ser executada se a expressão if for verdadeiro 
} else {
    Declaração a ser executada se a expressão if for falso
}

Aqui a expressão JavaScript é avaliada. Se o valor resultante for true, as instruções dadas no bloco ‘if’ serão executadas. Se a expressão é falsa, então a (s) declaração (ões) dada (s) no bloco else são executadas.

Exemplo

Experimente o seguinte código para aprender como implementar uma instrução if-else em JavaScript.

<html>
   <body>   
      <script type = "text/javascript">
         <!--
            var idade = 15;
         
            if(idade > 18) {
               document.write("<b>Qualificado para dirigir</b>");
            } else {
               document.write("<b>Não é qualificado para dirigir</b>");
            }
         //-->
      </script>     
      <p>Defina a variável para um valor diferente e tente novamente…</p>
   </body>
</html>

Resultado

Não é qualificado para dirigir
Defina a variável para um valor diferente e tente… 

if … else if … afirmação

A declaração if … else if … é uma forma avançada de if… else que permite ao JavaScript tomar uma decisão correta de várias condições.

Sintaxe

A sintaxe de uma instrução if-else-if é a seguinte –

if (expressão 1) {
    Declaração a ser executada se a expressão if 1 for verdadeiro  
} else if (expressão 2) {
    Declaração a ser executada se a expressão if 2 for verdadeiro  
} else if (expressão 3) {
    Declaração a ser executada se a expressão if 3 for verdadeiro  
} else {
    Declaração para ser executado se nenhuma expressão for verdadeira
}

Não há nada especial sobre esse código. É apenas uma série de instruções if , em que cada if faz parte da cláusula else da instrução anterior. As declarações são executadas com base na condição verdadeira, se nenhuma das condições for verdadeira, o bloco else é executado.

Exemplo

Experimente o seguinte código para aprender como implementar uma instrução if-else-if em JavaScript.

<html>
   <body>   
      <script type = "text/javascript">
         <!--
            var book = "matematica";
            if(book == "historia") {
               document.write("<b>Livro de História</b>");
            } else if( book == "matematica" ) {
               document.write("<b>Livro de Matemática</b>");
            } else if( book == "economia" ) {
               document.write("<b>Livro de Economia</b>");
            } else {
               document.write("<b>Livro desconhecido</b>");
            }
         //-->
      </script>      
      <p>Defina a variável para um valor diferente e tente novamente…</p>
   </body>
<html>

Resultado

Livro de Matemática
Defina a variável para um valor diferente e tente novamente… 

Lucas Lemos Miranda

Criador do site TecForest, aprendi PHP aos 14 anos e desde então continuo estudando e procurando aprender mais sobre programação. Sou apaixonado por tecnologia e tenho como Hobby Blogs e Páginas. Me formei em Análise e Desenvolvimento de Sistemas em 2016, também sou Técnico em Informática e em Manutenção em Celulares.

Artigos relacionados

Deixe um comentário

O seu endereço de e-mail não será publicado.

Verifique também
Fechar
Botão Voltar ao topo