JavaScript - if ... else declaração

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

JavaScript oferece suporte a declarações condicionais que são usadas para realizar ações diferentes com base em condições diferentes. Aqui vamos explicar oif..else declaração.

Fluxograma de if-else

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

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

declaração if
declaração if ... else
if ... else if ... declaração.

declaração if

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

Sintaxe

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

if (expression) {
   Statement(s) to be executed if expression is true
}

Aqui, uma expressão JavaScript é avaliada. Se o valor resultante for verdadeiro, as instruções fornecidas são executadas. Se a expressão for falsa, nenhuma instrução não será executada. Na maioria das vezes, você usará operadores de comparação ao tomar decisões.

Exemplo

Experimente o seguinte exemplo para entender como o if declaração funciona.

<html>
   <body>     
      <script type = "text/javascript">
         <!--
            var age = 20;
         
            if( age > 18 ) {
               document.write("<b>Qualifies for driving</b>");
            }
         //-->
      </script>      
      <p>Set the variable to different value and then try...</p>
   </body>
</html>

Resultado

Qualifies for driving
Set the variable to different value and then try...

declaração if ... else

o 'if...else' instrução é a próxima forma de instrução de controle que permite ao JavaScript executar instruções de uma maneira mais controlada.

Sintaxe

if (expression) {
   Statement(s) to be executed if expression is true
} else {
   Statement(s) to be executed if expression is false
}

Aqui a expressão JavaScript é avaliada. Se o valor resultante for verdadeiro, a (s) instrução (ões) fornecida (s) no bloco 'if' são executadas. Se a expressão for falsa, então a (s) instrução (ões) fornecida (s) no bloco else são executadas.

Exemplo

Tente o código a seguir para aprender como implementar uma instrução if-else em JavaScript.

<html>
   <body>   
      <script type = "text/javascript">
         <!--
            var age = 15;
         
            if( age > 18 ) {
               document.write("<b>Qualifies for driving</b>");
            } else {
               document.write("<b>Does not qualify for driving</b>");
            }
         //-->
      </script>     
      <p>Set the variable to different value and then try...</p>
   </body>
</html>

Resultado

Does not qualify for driving
Set the variable to different value and then try...

if ... else if ... declaração

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

Sintaxe

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

if (expression 1) {
   Statement(s) to be executed if expression 1 is true
} else if (expression 2) {
   Statement(s) to be executed if expression 2 is true
} else if (expression 3) {
   Statement(s) to be executed if expression 3 is true
} else {
   Statement(s) to be executed if no expression is true
}

Não há nada de especial neste código. É apenas uma série deif declarações, onde cada if é uma parte do elsecláusula da declaração anterior. As declarações são executadas com base na condição verdadeira, se nenhuma das condições for verdadeira, então oelse bloco é executado.

Exemplo

Tente o código a seguir para aprender como implementar uma instrução if-else-if em JavaScript.

<html>
   <body>   
      <script type = "text/javascript">
         <!--
            var book = "maths";
            if( book == "history" ) {
               document.write("<b>History Book</b>");
            } else if( book == "maths" ) {
               document.write("<b>Maths Book</b>");
            } else if( book == "economics" ) {
               document.write("<b>Economics Book</b>");
            } else {
               document.write("<b>Unknown Book</b>");
            }
         //-->
      </script>      
      <p>Set the variable to different value and then try...</p>
   </body>
<html>

Resultado

Maths Book
Set the variable to different value and then try...

↰ Previous page Next page ↱