Как работает условие if?

В Javascript if() {}позволяет задать условие, при котором выполнится блок кода.

Общая конструкция выглядит так

if (condition) {
  // code
}

Пример:

const number = 5

if (number > 2) {
  console.log('Больше 2');
}

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

Ниже код внутри if не будет выполнен, так как не выполняется условие.

const number = 5

if (number < 2) {
  console.log('Меньше 2');
}

в Javascript мы можем написать условие если-иначе. Если первое условие истинно, то оно будет выполнено, иначе выполнится второе. Это важно, потому что эти два блока связаны. И второй будет выполняться только если первое (внутри if) не истинно.

const number = 5
if (number == 5) {
  console.log('Это пятерка');
} else {
  console.log('Это не пятерка');
}

Кроме того в Javascript можно писать связанные условия if/else if. Оно позволяет соединить несколько условий между собой. Если первое условие будет ложно, то будет выполняться проверка во втором, если оно будет ложно, то в третьем и так далее.

const number = 5

if (number == 5) {
  console.log('Это пятерка');
} else if (number == 4) {
  console.log('Это четверка');
} else {
  console.log('Это непонятно что');
}

В примере выше выполнится только одна из веток условий. Даже если следующие условия будут истинны. Вот пример:

const number = 5

if (number == 5) {
  console.log('Это пятерка');
} else if (number > 4) {
  console.log('Больше четверки');
} else {
  console.log('Что-то пошло не так');
}

Здесь число равно 5 и оно больше 4. Т.е. должно сработать оба условия, но сработает только первое. Чтобы оба условия проходили проверку, необходимо отсоединить if. между собой. Такое иногда требуется, когда проверки между собой не связаны и должны выполняться все.

В примере ниже оба блока внутри if будут выполнены

const number = 5

if (number == 5) {
  console.log('Это пятерка');
}

if (number > 4) {
  console.log('Больше четверки');
}