Уроки Javascript

Урок #6 - Условные операторы в языке JavaScript

Урок #6 - Условные операторы в языке JavaScript

В уроке мы изучим условные операторы в языке JavaScript. Условные операторы проверяют на условие и выполняют какой-либо определенный код. К ним относятся оператор if, else if, else, а также конструкция switch case.

Видеоурок

Условные операторы очень важны, ведь они позволяют выполнять разный код в зависимости от исхода условия. В языке 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);
Мы проверяем, если "x" будет меньше за "a", то мы в переменную res устанавливаем их сумму, иначе - их разницу.

Исходный код

Весь код будет доступен после подписки на проект!

Онлайн редактор кода

Загрузка...

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Изучение React JS / Redux библиотеки
9 уроков
Создание динамического веб сайта
22 урока
Курс по React JS для начинающих
14 уроков
Создание приложения на React JS / Использование API
7 уроков
Изучение стека MEAN: MongoDB, Express, Angular и Node JS
9 уроков
Изучение JavaScript: от нуля и до создания сайта
Комментарии для сайта Cackle