Различные способы написания условных операторов в JavaScript

Последнее обновление 10.01.2023 — Василий Иванов

Условный оператор позволяет запускать блок кода на основе определенного условия.

Язык JavaScript предоставляет различные способы использования условных операторов. Многие из них являются общими и для других языков программирования. Но вы должны знать об их индивидуальных преимуществах и о том, как они работают в JavaScript.

1. Операторы if-else и else-if

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

Истинное значение — это значение, которое JavaScript считает истинным, когда встречает его в логическом контексте. Ложное значение — это значение, которое JavaScript считает ложным, когда встречает его в логическом контексте.

JavaScript считает все значения истинными, если только они не являются ложными. Ложные значения: false, 0, -0, 0n, «», null, undefined и NaN.

Вот синтаксис оператора if-else:

if (condition) {
    // If the condition is a truthy value, this code block will run
} else {
    // If the condition is a falsy value, this code block will run
}

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

Например:

if (condition) {
    // If the condition is truthy, this code block will run, and code execution
    // will stop.
} else if (condition_2) {
    // If the first condition is falsy, this code block will run if condition_2
    // is truthy
} else if (condition_n) {
    // If the previous conditions are both falsy, this code block will run if
    // condition_n is truthy
} else {
    // If all conditions are falsy, this code block will run
}

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

JavaScript предоставляет более чистый способ оценки нескольких условий, называемый оператором switch.

2. Оператор Switch

Оператор switch оценивает выражение один раз и пытается сопоставить его с одним или несколькими возможными значениями. Вы можете указать каждое потенциально совпадающее значение после ключевого слова case.

Когда оператор switch находит совпадение, он запускает все последующие операторы, пока не встретит оператор break.

Вот синтаксис оператора switch:

switch (expression) {
    case 'first-case':
        // executes code if the expression matches this case
        break;
 
    case 'case_2':
        // executes code if the expression matches this case
        break;
 
    default:
        // executes code if the expression doesn't match any case
}

Операторы break являются важной частью блока switch, поскольку они указывают, где код должен прекратить выполнение. Если вы пропустите оператор break, выполнение кода продолжится и выполнит все остальные блоки кода после первого совпадения. Это редко то, что вы хотите, чтобы произошло.

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

JavaScript также позволяет сокращать условные операторы с помощью тернарного оператора.

Тернарный оператор принимает три операнда:

1. Условие, за которым следует вопросительный знак (?).
2. Выражение после вопросительного знака и перед двоеточием (:). Это будет работать, если условие истинно.
3. Выражение после двоеточия, которое будет выполняться, если условие ложно.

Например:

condition ? console.log('Condition is truthy') : console.log('Condition is falsy');

Вышеупомянутое утверждение фактически означает: «Если «условие» истинно, запишите первое сообщение, в противном случае запишите второе сообщение».

4. Короткое замыкание

Сокращение — это метод, который включает использование логических операторов ИЛИ (||) и И (&&) для вычисления выражения слева направо.

Операция с оператором ИЛИ замкнется, вернув первое встреченное истинное значение. Если все значения в выражении ложны, происходит короткое замыкание и возвращается последнее ложное значение.

Операция, использующая оператор И, замкнется, вернув первое ложное утверждение, которое она встретит. Если все операторы в выражении верны, происходит короткое замыкание и возвращается последнее истинное значение.

Вот пример написания условного оператора с оператором ИЛИ.

app.listen(process.env.PORT || 3000)

Этот упрощенный подход к написанию условных операторов популярен в приложениях Express. Он гласит: «Если существует переменная среды PORT, используйте ее; в противном случае используйте порт 3000».

Вот пример написания условного оператора с оператором AND.

foo && console.log('foo is defined')

Приведенный выше блок кода означает «если foo определено, вызовите функцию console.log()».

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

Важность условных операторов

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