Уроки Javascript

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

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

Условные операторы в языке JavaScript играют огромную роль. Работают они также как в других языках. Если вы уже знаете какой-нибудь язык программирования, то вам не составит труда понять условные операторы в языке JavaScript, если нет, то эти знания вы сможете применять позже во многих других языках.

Видеоурок

Условные операторы очень важны, ведь они позволяют выполнять разный код в зависимости от исхода условия. В языке JavaScript существует три конструкции позволяющих осуществлять проверку. Давайте рассмотрим каждый из них по-отдельности.

Конструкция 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 (a != b && a > b) {
     // Код выполниться, если и первое, и второе условие
     // окажутся верными
}

if (a < b || a == b) {
     // Код выполниться, если или первое, или второе условие
     // окажется верным
}

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

Эта конструкция также позволяет обрабатывать различные условия. Здесь мы можем прописать переменную, которую хотим проверить и проверять её на соответствие каким-либо конкретным значениям:
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 месяца

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

Изучение JavaScript: от нуля и до создания сайта
Создание приложения на React JS / Использование API
7 уроков
Курс по React JS для начинающих
14 уроков
Изучение таск-менеджера Gulp 4
5 уроков
Уроки Vue.js для начинающих
10 уроков
Изучение React JS / Redux библиотеки
9 уроков