Условия: if, else и тернарный оператор

У if два места: условие в круглых скобках и блок кода в фигурных. Если условие истинно, блок выполняется; если нет — движок перепрыгивает через него, как будто этих строк нет. Необязательный else добавляет вторую дорогу: «во всех остальных случаях сделай вот это».

let temperature = 12;
if (temperature < 15) {
  console.log("Надень куртку");
} else {
  console.log("Можно без куртки");
}

В скобках может стоять любое выражение, не только сравнение. Сравнения вроде <, > и === сами дают true или false, но условие спокойно примет и переменную, и результат &&, и вызов функции — что угодно, у чего есть значение.

let hasKey = true;
let doorOpen = false;
if (hasKey && !doorOpen) {
  console.log("Открываем дверь");
}

Когда веток больше двух, они выстраиваются в цепочку: if, затем сколько угодно else if, и в конце необязательный else. Движок идёт сверху вниз и останавливается на первом истинном условии — остальные он даже не проверяет.

let score = 74;
if (score >= 90) {
  console.log("Отлично");
} else if (score >= 70) {
  console.log("Хорошо");
} else {
  console.log("Ещё поучимся");
}

Отсюда главное правило цепочки: порядок значим. Поменяйте местами первые две проверки — и score >= 70 перехватит все высокие баллы, а «Отлично» не выведется никогда. Условия в цепочке идут от самого узкого к самому широкому.

if не требует, чтобы в скобках было именно true или false. Любое значение он молча приводит к логическому — так же, как это делает функция Boolean(). Ложных значений мало, и их список стоит выучить целиком: всё, чего в нём нет, — истинно.

console.log(Boolean(0), Boolean(""));
console.log(Boolean("0"), Boolean([]));
console.log(Boolean(-1), Boolean(" "));

Пустой массив, пустой объект, строка из одного пробела, отрицательное число — всё это истинно. Зато ноль ложен, и здесь прячется классическая ловушка: если ноль для вас законное значение, а не «данных нет», короткая проверка соврёт.

let temperature = 0;
if (temperature) {
  console.log("Температура известна");
} else {
  console.log("Нет данных");
}

Сравнивать с true руками не нужно: if (isReady === true) делает лишний шаг — скобки if и так приводят значение к логическому.

if — это инструкция: он выполняет код, но сам ничего не отдаёт. Тернарный оператор — выражение: условие ? значение_если_истина : значение_если_ложь. Он вычисляет одну из веток и возвращает её результат, поэтому его можно присвоить переменной или вставить прямо в строку. Как способ выбрать одно значение из двух он появлялся в статье «Операторы и математика» — здесь важно другое: чем он отличается от if и когда его лучше не брать.

let age = 20;
let access = age >= 18 ? "полный" : "ограниченный";
console.log(access);

Тернарник читаемее if ровно в одном случае: обе ветки дают одно и то же — значение для одной переменной или кусок текста, — и вся конструкция помещается в строку. Если в ветках происходят разные действия или их несколько, берите if: экономия на строках обернётся потерей времени при чтении.

let count = 1;
let word = count === 1 ? "файл" : "файла";
console.log(`Найден ${count} ${word}`);

let n = 0;
let sign = n > 0 ? "плюс" : n < 0 ? "минус" : "ноль";
console.log(sign);

Условия можно вкладывать друг в друга, и поначалу это кажется естественным: «если вошёл — то если оплатил — то...». Проблема в том, что каждый уровень сдвигает код вправо и добавляет читателю ещё одно «а мы точно всё ещё внутри первой проверки?».

let logged = true;
let paid = false;
if (logged) {
  if (paid) console.log("Доступ открыт");
  else console.log("Нужна оплата");
}

Приём раннего выхода переворачивает логику: сначала отсекаем частные и «плохие» случаи по одному, а основной сценарий остаётся в конце, без единого отступа. Лестница превращается в плоский список, и каждую строку можно прочитать отдельно от остальных.

let logged = true;
let paid = false;
if (!logged) console.log("Войдите в аккаунт");
else if (!paid) console.log("Нужна оплата");
else console.log("Доступ открыт");

function checkAccess(logged, paid) {
  if (!logged) return "Войдите в аккаунт";
  if (!paid) return "Нужна оплата";
  return "Доступ открыт";
}
console.log(checkAccess(true, false));