Условные операторы: (if), (?:)

Инструкция if

Условный оператор if (в переводе с англ. — «если») реализует выполнение определённых команд при условии, что некоторое логическое выражение (условие) принимает значение «истина» true.

Синтаксис:

if (условие) однострочная инструкция;

  или

if (условие) {
  блочная инструкция
}

Условие в этой конструкции может быть любым выражением. JavaScript автоматически преобразует результат выра­жения в логическое значение, вызывая для него функцию Boolean(). Если условие эквивалентно true, выполняется инструкция, в противном случае – нет.

Выполняемая инструкций может быть представлена одной строкой или блоком кода (группой строк в фигурных скобках), например:

Конструкция if...else

Синтаксис:

if (условие) {
  инструкция 1
}  
else {
  инструкция 2
}

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

Инструкция else if

Инструкция else if используется в случае, если требуется выполнить один из многих фрагментов кода. Формально это не JavaScript-инструкция, а лишь распространенный стиль программирования, который заключается в применении повторяющихся инструкций if/else:

if (n == 1) {
    инструкция 1
}
else if (n == 2) {
    инструкция 2
}
else if (n == 3) {
    инструкция 3
}
else {
// Если все остальные условия else не выполняются, исполняем инструкцию 4
}

Приведенный выше код – это всего лишь последователь­ность инструкций if. Каждая следующая if является частью else предыдущей инструкции if. Запись else if более удобная, чем ее синтаксически эквивалентная форма, показывающая вложенность инструкций if:

if (n == 1) {
   инструкция 1
}
else {
if (n == 2) {
   инструкция 2
}
else {
if (n == 3) {
   инструкция 3
}
else {
// Если все остальные условия else не выполняются, исполняем инструкцию 4
}
}
}

В следующем примере, благодаря применению конструкции else if, будет выведено одно из четырех окон приветствия в зависимости от времени суток:

Тернарный оператор (?:)

Условный оператор (?:) – это единственный тернарный (от лат. ternarius — «тройной») оператор с тремя операндами в JavaScript. Тернарный оператор возвращает свой второй или третий операнд в зависимости от значения логического выражения, заданного первым операндом.

Первый операнд используется в качестве условия, он вычисляется и преобразуется, при необходимо, в булево значение. Если условие верно true, то вычисляется и возвращается значение1. Если условие неверно false, то вычисляется и возвращается значение2:

условие ? значение1 : значение2

Например:

Читается этот код так: если а больше b, то c = a, иначе c = b.

Можно записать тоже самое через if/else:

Вложенные инструкции if/else, так же можно заменить последовательностью из тернарных операторов:

Условный оператор ?: имеет ассоциативность справа налево, поэтому следующие две инструкции эквивалентны:

z = a?b:c?d:e?f:g;
z = a?b:(c?d:(e?f:g));

В предыдущем примере оператор && снача­ла проверяет выполняется ли временное условие (чему равна переменная time). Если условие выполняется, то в переменную message будет записа­на соответствующая строка приветствия. В противном случае, в силу побочного эффекта, связанного с неполным вычислением, оператор && выведет false и т.д. Этот метод используется не очень часто, но если вам встретится нечто подобное, то вы теперь знаете, как работают подобные инструкции.

Задачи