Урок №4. Что такое оператор ветвления if в JavaScript?

Операторы ветвления предназначены для того, чтобы программа могла запускать тот или иной блок кода, в зависимости от верности true или не верности false условия.

Операторов ветвления существует пять видов, в этом уроке мы рассмотрим два из них:

— оператор ветвления if

— оператор ветвления if else

Оператор ветвления if

Оператор ветвления if запускает код, если условие возвращает true.

В качестве условия, в операторах ветвления, обычно выступают операции сравнения или логические операции.

Схема оператора ветвления if, выглядит следующим образом:

if (условие) {
 код запустится, если условие вернёт true
}

Приведём пример с оператором ветвления if:

// создадим две переменные
var numOne;
var numTwo;

// присвоим переменным значения
numOne = 5;
numTwo = 3;

if (numOne > numTwo) {
 alert("Условие возвратило true");
}

В скрипте мы создали две переменные numOne и numTwo, присвоили им числовые значения 5 и 3.

Далее создали оператор ветвления if, который сравнивает между собой значения двух переменных. Если операция сравнения вернёт true, то запустится код расположенный между фигурными скобками. В нашем случае, появится окошко с сообщением Условие возвратило true. Если операция сравнения вернёт false, то ничего не произойдёт.

Символы двойного слеша //, являются комментарием. После двойного слэша можно написать любой текст, интерпретатор языка JavaScript, будет воспринимать его как комментарий и обрабатывать не будет. Как мы помним, в языках HTML и CSS, тоже можно создавать комментарии.

Оператор ветвления if else

Оператор ветвления if else, предназначен для запуска того или иного блока кода, в зависимости от значения которое вернёт условие: true или false

Схема оператора ветвления if else, выглядит следующим образом:

if (условие) {
 код запустится, если условие вернёт true
} else {
 код запустится, если условие вернёт false
}

Приведём пример с оператором ветвления if else:

var numOne;
var numTwo;

numOne = 5;
numTwo = 3;

if (numOne > numTwo) {
 alert("Условие возвратило true");
} else {
 alert("Условие возвратило false");
}

Присвойте переменной numTwo, число большее чем 5, например 7, тогда условие вернёт false и появится окошко с сообщением Условие возвратило false.

Оператор ветвления также имеет и другие названия: условный оператор, условная конструкция, условная инструкция.