Условия: if, else и switch

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

if: если условие истинно

После ключевого слова if в круглых скобках пишут условие, а в фигурных скобках { } — код, который выполнится, если условие истинно, то есть блок. Если условие ложно, блок пропускается, и программа идёт дальше.

const temperature = 28;

if (temperature > 25) {
  console.log('It is hot. Drink some water!');
}

console.log('Have a nice day');

It is hot. Drink some water!
Have a nice day

else и else if

Блок else выполняется, когда условие ложно. Если вариантов больше двух, новые условия добавляют через else if. JavaScript проверяет условия сверху вниз и выполняет блок первого истинного — остальные уже не смотрит.

const score = 78;

if (score >= 90) {
  console.log('Excellent');
} else if (score >= 70) {
  console.log('Good');
} else if (score >= 50) {
  console.log('Satisfactory');
} else {
  console.log('Try again');
}

Good

Составные условия

Чтобы объединить несколько условий, используют логические операторы: && (И) требует, чтобы были истинны оба условия, а || (ИЛИ) — хотя бы одно. Допустим, кинотеатр по выходным даёт скидку тем, кому меньше 18 лет:

const age = 15;
const isWeekend = true;

if (age < 18 && isWeekend) {
  console.log('Discount ticket: 3 AZN');
} else {
  console.log('Regular ticket: 5 AZN');
}

const day = 'Sunday';
if (day === 'Saturday' || day === 'Sunday') {
  console.log('No school today');
}

Discount ticket: 3 AZN
No school today

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

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

const hour = 20;
const greeting = hour < 12 ? 'Good morning' : 'Good evening';
console.log(greeting);

const items = 1;
console.log(`You have ${items} ${items === 1 ? 'item' : 'items'} in the basket`);

Good evening
You have 1 item in the basket

switch: много вариантов

Когда одну переменную нужно сравнить со многими конкретными значениями, switch читается легче длинной цепочки else if. Каждый case проверяет одно значение (строгим сравнением ===), а break выходит из switch. Если ни один case не подошёл, выполняется блок default.

const day = 'Saturday';

switch (day) {
  case 'Saturday':
  case 'Sunday':
    console.log('Weekend!');
    break;
  case 'Friday':
    console.log('Almost weekend');
    break;
  default:
    console.log('Work day');
}

Weekend!

const light = 'yellow';

switch (light) {
  case 'green':
    console.log('Go');
  case 'yellow':
    console.log('Get ready');
  case 'red':
    console.log('Stop');
}

Get ready
Stop

const score = 83;
// 1) print the grade: A, B, C or F
// 2) print passed or failed with the ternary operator

B
passed