If, else, Switch в JavaScript

Содержание

1 Оператор if в JavaScript
2 Оператор if-else в JavaScript
3 if ... else if ... else в JavaScript
4 Тернарный оператор
- - 4.0.1 Синтаксис
  - 4.0.2 Пример
5 Операции с переключателем

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

Условные утверждения в 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);

Пример

Нормальное, если ... else

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

Использование тернарного оператора (?)

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

Операции с переключателем

Операторы 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!!");
  }