Условные конструкции (if / else)

Урок: Условные конструкции (if / else)

Введение

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

Во всех этих ситуациях программа должна уметь «выбирать», что делать дальше. То есть действовать по условию: если выполняется одно — сделать это, если нет — сделать что-то другое.

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

В программировании этот принцип реализуется с помощью условных конструкций. Они позволяют программе менять поведение в зависимости от данных.

Без условий код был бы линейным: он бы просто выполнялся сверху вниз без возможности реагировать на ситуацию. Поэтому if / else — это один из самых базовых и важных инструментов в JavaScript.

Как работает конструкция if

Самая простая форма условия выглядит так:

let age = 20;

if (age >= 18) {
  console.log('Доступ разрешён');
}

Здесь происходит следующее.

Сначала вычисляется выражение в скобках: age >= 18. Это сравнение возвращает true или false.

Если результат true, выполняется код внутри фигурных скобок {}. Если false — этот блок просто пропускается.

Важно понять: if не выполняет код сам по себе. Он проверяет условие и решает, выполнять блок или нет.

Добавление альтернативы с else

Часто нужно не просто проверить условие, а задать альтернативное поведение.

Для этого используется else:

let age = 16;

if (age >= 18) {
  console.log('Доступ разрешён');
} else {
  console.log('Доступ запрещён');
}

Здесь есть два сценария:

если условие истинно — выполняется первый блок;
если ложно — выполняется блок else.

То есть программа гарантированно выполнит один из вариантов.

Это делает поведение более предсказуемым и управляемым.

Несколько условий: else if

Иногда двух вариантов недостаточно. Например, нужно разделить пользователей на несколько категорий.

let score = 85;

if (score >= 90) {
  console.log('Отлично');
} else if (score >= 70) {
  console.log('Хорошо');
} else {
  console.log('Нужно подтянуть знания');
}

Здесь проверка идёт по порядку:

сначала проверяется score >= 90;
если не подходит — проверяется следующее условие;
если ни одно условие не подошло — выполняется else.

Важно: как только находится первое подходящее условие, остальные уже не проверяются.

Это позволяет строить цепочки логики.

Как условия используют логические операторы

Условия редко бывают простыми. Чаще всего нужно проверить сразу несколько факторов.

let age = 20;
let hasTicket = true;

if (age >= 18 && hasTicket) {
  console.log('Можно войти');
}

Здесь используется логический оператор && (и).

Условие означает: возраст должен быть больше или равен 18 и одновременно должен быть билет.

Если хотя бы одно из условий не выполнено — код не выполнится.

Можно использовать и другие комбинации:

let isAdmin = false;
let isOwner = true;

if (isAdmin || isOwner) {
  console.log('Доступ есть');
}

Здесь достаточно одного истинного условия.

Таким образом, if почти всегда работает вместе с операторами сравнения и логическими операторами.

Вложенные условия

Иногда внутри одного условия нужно сделать ещё одну проверку.

let age = 20;
let hasID = true;

if (age >= 18) {
  if (hasID) {
    console.log('Доступ разрешён');
  } else {
    console.log('Нужен документ');
  }
}

Здесь сначала проверяется возраст. И только если он подходит, выполняется дополнительная проверка.

Такая структура называется вложенными условиями.

Но важно не злоупотреблять этим подходом, потому что код может стать сложным для чтения.

Как работает блок кода

Обрати внимание на фигурные скобки {}:

if (true) {
  console.log('Первая строка');
  console.log('Вторая строка');
}

Они объединяют несколько строк в один блок.

Если скобки не использовать, условие применится только к одной строке:

if (true) console.log('Первая строка');
console.log('Вторая строка');

Во втором случае вторая строка выполнится всегда, независимо от условия.

Поэтому использование {} — это не просто стиль, а способ избежать ошибок.

Где это используется на практике

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

Когда проверяется форма — используются условия. Когда обрабатывается вход пользователя — используются условия. Когда меняется интерфейс — используются условия. Когда принимается любое решение — используется if.

Например:

показать ошибку, если поле пустое;
отправить запрос, если данные валидны;
скрыть блок, если пользователь не авторизован.

Все эти сценарии основаны на условиях.

Итоговое понимание

Условные конструкции позволяют программе принимать решения и менять своё поведение в зависимости от данных.

if — это точка, в которой программа «думает» и выбирает, что делать дальше. else и else if позволяют описать альтернативные сценарии.

Главная идея — не просто выучить синтаксис, а понять, что условия — это способ описать логику.

Если представить программу как последовательность действий, то if — это момент выбора направления. Именно благодаря этому код становится гибким и адаптивным.