Операторы в JavaScript: арифметические, логические, сравнения

Урок 3: Как работают операторы в JavaScript — арифметика, логика и сравнение значений.

Операторы: арифметические, логические, сравнения

В этом уроке мы разбираем, как JavaScript выполняет вычисления, сравнивает значения и принимает решения. Операторы — это строительные блоки логики на любом сайте. Мы объясняем подробно и показываем, как это используется в реальных проектах.

Арифметические операторы

Они работают с числами: складывают, вычитают, умножают и делят.

  • + — сложение
  • - — вычитание
  • * — умножение
  • / — деление
  • % — остаток от деления

Пример: арифметика в действии

Создадим две переменные и выполним с ними простые операции. Результат выведем в консоль:

Скопировать
let a = 10;
let b = 3;

console.log("Сложение:", a + b);       // 13
console.log("Вычитание:", a - b);     // 7
console.log("Умножение:", a * b);     // 30
console.log("Деление:", a / b);       // 3.333...
console.log("Остаток:", a % b);       // 1

Операторы сравнения

Они сравнивают значения и возвращают true или false:

  • == — равно (не строго)
  • === — строгое равенство (и по значению, и по типу)
  • != — не равно
  • !== — строго не равно
  • >, <, >=, <= — больше, меньше и т.п.

Пример: сравнение значений

Проверим, равны ли переменные и какое из значений больше:

Скопировать
let age = 18;

console.log(age == "18");   // true
console.log(age === "18");  // false
console.log(age > 16);      // true
console.log(age <= 17);     // false

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

Позволяют объединять условия:

  • && — И (оба условия должны быть true)
  • || — ИЛИ (достаточно одного true)
  • ! — НЕ (отрицание)

Пример: логика принятия решения

Сценарий: пользователь взрослый и прошёл авторизацию.

Скопировать
let isAdult = true;
let isAuthorized = false;

if (isAdult && isAuthorized) {
  console.log("Доступ разрешён");
} else {
  console.log("Доступ запрещён");
}

Типичные ошибки новичков

  • Путаница между == и ===
  • Забытые скобки в условиях if (...)
  • Неверное использование ! (иногда меняет значение на противоположное неожиданно)

Совет: Всегда проверяй результат в консоли. Даже если кажется, что всё очевидно — часто логические ошибки видны только в реальном выполнении. Проверяй логику до того, как приступать к дизайну или анимациям.

Что дальше

В следующем уроке: условия if, else и switch — будем учиться принимать решения в коде.