Webzone Публикации Javascipt Javascript - If, else, Switch

Javascript - If, else, Switch

10:25 , 12 Август 2019
Javascript - If, else, Switch

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

Условные утверждения в JavaScript:

  • if
  • if-else
  • if ... else if ... else
  • тернарный оператор
  • switch



Оператор if в JavaScript

Операторы выполняются только тогда, когда данное условие истинно. Если условие ложно, то утверждения внутри тела оператора if полностью игнорируются.



if (conditionExpression){
  statementBlock;
}


Здесь выражение conditionExpression является логическим выражением (возвращает true или false). Оператор if вычисляет выражение выражения в скобках. Если выражение conditionExpression оценивается как true (отличное от нуля), выполняются утверждения внутри тела if. Если statementBlock оценивается как false (0), то инструкции внутри тела if пропускаются.


Пример:


var totalMarks=55;
if(totalMarks > 50){
  alert("You have passed the exam !!");
}


Результат: You have passed the exam !!



Оператор if-else в JavaScript

Оператор else должен указывать блок кода, который должен быть выполнен, если условие в выражении if ложно.



if (conditionExpression){
  statementBlock;
} else {
  statementBlock;
}


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


Пример


var totalMarks=45;
if(totalMarks > 50){
  alert("You have passed the exam !!");
}else{
  alert("You failed!!");
}


Результат: You failed!!



if ... else if ... else в JavaScript

Если вы сталкиваетесь с более чем двумя возможными ситуациями, и вы хотите отвечать по-разному для каждого, тогда вы можете использовать инструкцию if ... else if ... else. Он оценивает контент только в том случае, если выражение истинно из нескольких выражений.



if (conditionExpression 1) {
  statementBlock;
} else if(conditionExpression 2) {
  statementBlock;
} else if(conditionExpression 3) {
  statementBlock;
}
.......
.......
else {
  statementBlock;
}


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


Пример


var totalMarks=66;
if(totalMarks > = 50 && totalMarks< 60){ 
alert("You have passed the exam !!"); } 
else if(totalMarks >= 60 && totalMarks< 80)
{
 alert("You got second grade!!"); 
} 
else if(totalMarks >= 80) {
  alert("You got first grade!!");
}
else{
  alert("You failed!!");
}


Результат: You got second grade!!



Тернарный оператор

Вместо использования выражения if..else вы можете использовать сокращенные условные выражения.



variable = (condition) ? (true) : (false);



Пример


var totalMarks=55;
var result='';
var result = (totalMarks > 50) ? "You have passed the exam !!" : "You failed!!";
alert(result);


Результат: You have passed the exam !!



Операции с Switch

Операторы case-оператора заменяют выражения long if, которые сравнивают переменную с несколькими целыми значениями (если ... else if ... else). Если вы хотите проверить конкретное условие для большого количества возможных значений, оператор switch является более эффективной альтернативой if ... else if ... else statement.



switch (expression) {
  case value: statement break;
  case value: statement break;
  ............................
  ............................
  default: statement
}



Пример


var totalMarks=88;
switch (true) {
  case totalMarks >= 50 && totalMarks< 60: alert("You have passed the exam !!"); break; case totalMarks >= 60 && totalMarks< 80: alert("You got second grade!!"); break; case totalMarks >= 80:
    alert("You got first grade!!");
    break;
  default:
    alert("You failed!!");
  }


Результат: You got first grade!!





Вопросы / Комментарии / Отзывы