if, if…else, else if

if - это условный оператор позволяющий выполнять действия исходя из заданных условий. Инструкция if может дополняться блоком else if, который дает возможность задать дополнительное условие и прописать еще одну инструкцию. Если ни одно условие не истина, инструкцию можно описать в блоке else.

Синтаксис if

    
    if (условие) {
        инструкция
    }        
    

if - выражение условия, которое принимает значение true или false

Инструкция - выполняется если условие принимает значение true

Пример №1

    
    let scores = prompt('Сколько баллов вы набрали на экзамене')

    if (scores > 90) {
        alert('Ваша оценка 5');
    }        
    

Если введенное число scores больше 90 (условие принимает значение true), выполнится инструкция - модальное окно с текстом Ваша оценка 5

Пример №2

    
    let scores = prompt('Сколько баллов вы набрали на экзамене')

    if (scores > 90) alert('Ваша оценка 5');
    

Когда инструкция описана в одну строку, запись может иметь такой вид

Пример №3

    
    let scores = prompt('Сколько баллов вы набрали на экзамене')
    
    if (scores > 90) {
        alert('Ваша оценка 5');
        alert('Поздравляем! Вы поступите на бюджет.');
    }
    

В том случае, если в инструкции более одной строки, код заключается в фигурные скобки.

Хорошей практикой считается использование блочного оператора {...} всегда - это улучшает читаемость кода.

Логическое преобразование в if (...)

• 0, пустая строка, null, undefined и NaN - false
• если 0 приведено к строке - true
• все остальные значения - true

Пример №4

    
    if (0) {
        alert('Сегодня отличный день!');
        }
    

При таком условии инструкция не выполнится никогда.

Пример №5

    
    if (1) {
        alert('Сегодня отличный день!');
        }
    

Условие true - инструкция выполнится.

Блок else

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

Синтаксис if…else

    
    if (условие) {
        инструкция №1
    } else {
        инструкция №2
    }
    

Если условие принимает значение true выполнится инструкция №1, если false тогда инструкция №2.

Пример №6

    
    let scores = prompt('Сколько баллов вы набрали на экзамене')

    if (scores > 90) {
        alert('Ваша оценка 5');
        alert('Поздравляем! Вы поступите на бюджет.');
    } else {
        alert('Вы не получили 5');
        alert('Вы можете претендовать только на платное обучение.');
    }
    

Использование блока else if

Инструкция if может содержать, как одно, так и более условий. Во втором случае используется блок else if.

В JavaScript нет ключевого слова elseif (в одно слово).

Пример №7

    
    let scores = prompt('Сколько баллов вы набрали на экзамене')

    if (scores > 90) {
        alert('Ваша оценка 5');
        alert('Поздравляем! Вы поступите на бюджет.');
    } else if (scores <= 90 && scores > 60) {
        alert('Вы не получили 5');
        alert('Вы можете претендовать только на платное обучение.');
    } else {
        alert('Вы получили 3');
        alert('Вы не поступили в университет');
    }
    

В данном случае, если scores больше 90 выполнится первая инструкция, если scores меньше или равно 90, а также более 60, тогда вторая. Если значение scores не попадает под эти два условия выполнится инструкция в else. В такой конструкции блок else также не является обязательным и может быть пропущен.

Пример №8

    
    let scores = prompt('Сколько баллов вы набрали на экзамене')

    if (scores > 90) {
        alert('Ваша оценка 5');
        alert('Поздравляем! Вы поступите на бюджет.');
    } else if (scores <= 90 && scores > 60) {
        alert('Вы получили 4');
        alert('Вы можете претендовать только на платное обучение.');
    } else if (scores <= 60 && scores > 30) {
        alert('Вы получили 3');
        alert('Ваши шансы на поступление низки');
    } else {
        alert('Вы получили 2');
        alert('Вы не поступили в университет');
    }
    

Блок else if может быть добавлен 1, 2 и более раз.

Итого

if - это удобный и гибкий условный оператор, который позволяет исполнять код исходя из одного или более условий. Для добавления условия используется блок else if, который можно добавить неограниченное количество раз. Если ни одно условие не истина инструкцию можно описать в коде else. И else и else if не являются обязательными.