#6 – Умовні оператори у мові JavaScript

Умовні оператори дуже важливі, адже вони дозволяють виконувати різний код, залежно від результату умови. У мові JavaScript існує три конструкції, які дозволяють здійснювати перевірку.

Конструкція if - else

За рахунок if else можна перевірити одну або кілька умов і у разі їх успішної перевірки буде виконано одну, інакше іншу.

Розглянемо приклад:

var a = 2, b = 10;
if (a == b) { // Якщо a дорівнюватиме b, тоді буде виконано код
	// Тут код, який буде виконаний
	// Якщо тільки один рядок коду, то фігурні дужки {}
	// можна не ставити
	console.log("a == b");
} else if (a <= b) { // Якщо а буде меншим або рівним b
	// Якщо попередня умова не буде виконана,
	// а тут умова виявиться вірною,
	// то буде виконаний цей код
	console.log("a <= b");
} else {
	// Цей код спрацює, якщо інші умови не буде виконано
	console.log("a > b");
}

Ви можете прописати структуру лише з однією умовою if, а можете дописати до неї скільки завгодно вкладених умов else if.

Усередині кожної з умов можна прописувати інші конструкції if else, що перевірятимуть нові вирази.

Якщо необхідно перевірити кілька умов в одному операторі, то можна скористатися логічним «і» або логічним «або»:

if (a != b && a > b) {
	// Код буде виконано, якщо і перша, і друга умова
	// виявляться вірними
}

if (a < b || a == b) {
	// Код буде виконано, якщо або перша, або друга умова
	// виявиться вірною
}

Конструкція switch

Конструкція case має більш зручний формат для перевірки множинних умов на збіг значення. У конструкцію записується змінна, що перевіряється, а також значення, на які відбувається перевірка.

Приклад оператора:

var x = 23;
switch (x) { // Перевіряємо змінну x
	case 1: // Якщо змінна дорівнюватиме 1, то тут спрацює код
		// Може бути безліч рядків, а не тільки один
		console.log("Змінна дорівнює 1");
		break; // Вказуємо кінець для коду для цієї перевірки
	case 56: // Якщо змінна дорівнюватиме 56, то тут спрацює код
		// Може бути безліч рядків, а не тільки один
		console.log("Змінна дорівнює 56");
		break; // Вказуємо кінець для коду для цієї перевірки
	// За аналогією таких перевірок може бути безліч
	// Також можна додати перевірку, яка спрацює у разі
	// якщо всі інші перевірки не спрацюють
	default:
		console.log("Щось інше");
		break; // Можна і не ставити, тому що це остання умова
}

Тернарна операція

Це скорочена форма if else. Записується так:

var x = 90, a = 8;
var res = x < a ? (x + a) : (x - a);
console.log(res);