При написании программы может возникнуть ситуация, когда вам нужно принять один из заданного набора путей. В таких случаях вам необходимо использовать условные операторы, которые позволяют вашей программе принимать правильные решения и выполнять правильные действия.

JavaScript поддерживает условные операторы, которые используются для выполнения разных действий на разных условиях. Здесь мы объясним утверждение if..else.

Схема потока if-else

Следующая блок-схема показывает, как работает оператор if-else.

JavaScript - if ... else

JavaScript поддерживает следующие формы if..else statement -

  • Если утверждение
  • If ... else statement
  • Если ... else if ... statement.

If утверждение

Оператор if - это основной оператор управления, который позволяет JavaScript принимать решения и выполнять инструкции условно.

Синтаксис

Синтаксис для оператора basic if выглядит следующим образом:

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

Здесь вычисляется выражение JavaScript. Если результирующее значение истинно, выполняется задание. Если выражение ложно, то никакая инструкция не будет выполнена. В большинстве случаев вы будете использовать операторы сравнения при принятии решений.

пример

Попробуйте следующий пример, чтобы понять, как работает оператор if.

<html>
   <body>
     
      <script type="text/javascript">
         <!--
            var age = 20;
        
            if( age > 18 ){
               document.write("<b>Qualifies for driving</b>");
            }
         //-->
      </script>
     

   </body>
</html>
Результат
Qualifies for driving

if ... else:

Оператор if if else является следующей формой инструкции управления, которая позволяет JavaScript выполнять инструкции более контролируемым образом.

Синтаксис
if (expression){
   Statement(s) to be executed if expression is true
}
 
else{
   Statement(s) to be executed if expression is false
}

Здесь вычисляется выражение JavaScript. Если результирующее значение истинно, выполняются заданные операторы в блоке «if». Если выражение ложно, то выполняются заданные операторы в блоке else.

пример

Попробуйте следующий код, чтобы узнать, как реализовать инструкцию if-else в 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>
Результат
Does not qualify for driving

if ... else if ... statement

Оператор if ... else if ... представляет собой расширенную форму if ... else, которая позволяет JavaScript принимать правильное решение из нескольких условий.

Синтаксис

Синтаксис оператора if-else-if выглядит следующим образом:

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
}

В этом коде нет ничего особенного. Это просто серия, если заявления, где каждый если является частью предыдущего заявления. Оператор (ы) выполняется на основе истинного условия, если ни одно из условий не является истинным, тогда выполняется блок else.

пример

Попробуйте следующий код, чтобы узнать, как реализовать инструкцию if-else-if в 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>
     

   </body>
<html>
Результат
Maths Book

Понравилась статья? Поделитесь ею с друзьями и напишите отзыв в комментариях!



Cookies make it easier for us to provide you with our services. With the usage of our services you permit us to use cookies.
Ok