Решения с помощью if и else

Оператор if выполняет блок кода, только когда его условие true. С else if JavaScript проверяет условия сверху и останавливается на первом истинном.

Код, который выполняется не всегда

До сих пор каждая программа выполняла каждую строку каждый раз. Полезные программы ведут себя по-разному в разных ситуациях: игра показывает «Ты победил», только когда очков достаточно, а магазин добавляет плату за доставку, только когда заказ маленький. Оператор if позволяет JavaScript выбирать.

const temperature = 31;
if (temperature >= 30) {
  console.log("Hot day. Drink water.");
}
console.log("Done");

Условие пишут в скобках после слова if. Это любое выражение, которое даёт логическое значение, обычно сравнение из прошлого урока. Код, который нужно выполнить, если оно true, пишут в фигурных скобках, они образуют блок. Если условие false, JavaScript пропускает весь блок и продолжает после закрывающей скобки. Выше печатаются обе строки. Поменяй temperature на 20, и напечатается только "Done". Строки внутри блока сдвинуты на два пробела. JavaScript этот отступ не нужен, но он сразу показывает, какие строки относятся к if, и любой опытный программист будет его ожидать.

else: другой путь

Часто нужно сделать одно, когда условие true, и другое, когда оно false. Добавь блок else. Выполняется ровно один из двух блоков: никогда оба и никогда ни одного.

const n = 7;
if (n % 2 === 0) {
  console.log(n + " is even");
} else {
  console.log(n + " is odd");
}
// выведет: 7 is odd

else if: больше двух вариантов

Для нескольких вариантов соединяй условия цепочкой через else if. JavaScript проверяет их сверху. Как только одно оказывается true, он выполняет этот блок и пропускает все остальные, даже если следующие условия тоже были бы true. Последний else ловит всё, что не подошло ни под одно условие выше.

const score = 72;
if (score >= 90) {
  console.log("A");
} else if (score >= 80) {
  console.log("B");
} else if (score >= 70) {
  console.log("C");
} else {
  console.log("F");
}
// выведет: C

Порядок условий важен. При score 95 первая проверка уже true, и печатается A. Если бы проверки шли в обратном порядке, начиная с score >= 70, то 95 остановилось бы на первой проверке и напечаталось бы C. Когда диапазоны так перекрываются, ставь самое узкое условие первым. Прослеживать код вручную полезно: возьми значение, читай сверху и проговаривай вслух, в какую ветку оно попадёт.

Вложенность и объединение

Внутри блока может быть другой оператор if, это называется вложенностью. Глубокой вложенности часто можно избежать, объединив условия через && и || из прошлого урока. Эти два куска кода делают одно и то же, но второй легче читать:

if (age >= 8) {
  if (height >= 120) {
    console.log("You can ride");
  }
}

if (age >= 8 && height >= 120) {
  console.log("You can ride");
}

Условный оператор

Когда нужно просто выбрать одно из двух значений, есть короткая форма, условный (тернарный) оператор: condition ? valueIfTrue : valueIfFalse. Например, const label = n % 2 === 0 ? "even" : "odd";. Используй его для коротких выборов значения. Если выполняется несколько операторов, понятнее обычные if и else.

Частая ошибка: один знак равенства в условии, if (score = 100). Так в score сохраняется 100 вместо сравнения, и блок выполняется каждый раз. Всегда сравнивай через ===.