JavaScript Урок 6: Условные операторы и типы переменных

Условные операторы JavaScript проверяют значения переменных (одной или нескольких) и выполняют различные действия в зависимости от результатов проверки. Проверяется, больше ли значение, меньше, равно или не равно другому значению. В зависимости от результата сравнения выполняется определенное действие.

Типы переменных в условных операторах

В условных операторах можно использовать любые типы переменных: булевы (true/false), строковые, целочисленные и с плавающей точкой.

Оператор if

Рассмотрим пример с двумя переменными, x и y, которым присвоены значения 4 и 5 соответственно. Представим, что x и y — количество яблок в двух коробках. Для сравнения используется ключевое слово if.

let x = 4;
let y = 5;

if (x == y) {
  // Этот код выполнится, если x равно y
  document.write("x равно y");
}

Важно отметить разницу между оператором присваивания (=) и оператором сравнения (==). Использование одного знака равенства при сравнении приведёт к некорректному результату.

Существуют следующие операторы сравнения:

> (больше)
< (меньше)
== (равно)
>= (больше или равно)
<= (меньше или равно)
!= (не равно)

Если в блоке if только одна строка кода, фигурные скобки можно опустить:

if (x != y) document.write("x не равно y");

Если в блоке if несколько строк кода, фигурные скобки обязательны:

if (x < y) {
  document.write("x меньше y");
  document.write("Ещё одна строка");
}

Оператор if…else

Оператор else выполняется, если условие в if ложно:

if (x > y) {
  document.write("x больше y");
} else {
  document.write("x меньше или равно y");
}

Оператор if…else if…else

Для проверки нескольких условий используется конструкция else if:

if (x > y) {
  document.write("x больше y");
} else if (x == y) {
  document.write("x равно y");
} else {
  document.write("x меньше y");
}

Обратите внимание, что если условие x > y истинно, else if и else не выполняются.

Оператор switch…case

Оператор switch используется для проверки значения одной переменной на соответствие нескольким возможным значениям:

let razlad = 5;

switch (razlad) {
  case 1:
    document.write("razlad равен единице");
    break;
  case 2:
    document.write("razlad равен двум");
    break;
  case 3:
    document.write("razlad равен трем");
    break;
  case 4:
    document.write("razlad равен четырем");
    break;
  default:
    document.write("razlad не равен 1, 2, 3 или 4");
}

Оператор break необходим для предотвращения выполнения последующих case после срабатывания одного из них. default выполняется, если ни один из case не соответствует значению переменной.

Тернарный оператор

Тернарный оператор — краткий способ записи if…else:

document.write(x > y ? "x больше y" : "x меньше или равно y");

Этот оператор проверяет условие (x > y). Если условие истинно, выводится «x больше y», иначе — «x меньше или равно y».

Логические операторы

Для проверки нескольких условий одновременно используются логические операторы:

&& (логическое И) – все условия должны быть истинными.
|| (логическое ИЛИ) – хотя бы одно условие должно быть истинным.
! (логическое НЕ) – инвертирует значение условия.

Пример с логическим И:

let bull = false;

if (x > y && bull == true) {
  document.write("x больше y и bull равно true");
}

Пример с логическим ИЛИ:

if (x > y || bull == true) {
  document.write("x больше y или bull равно true");
}

Пример с логическим НЕ:

if (x > y && !bull) {
  document.write("x больше y и bull равно false");
}

В уроке рассмотрены основные условные операторы JavaScript: if, else, else if, switch и тернарный оператор. Выбор оператора зависит от сложности задачи и количества условий, которые необходимо проверить. Понимание этих операторов является основой для написания более сложных и гибких программ.