Загрузка...

Операторы JavaScript

Вы уже знаете, как значения ведут себя в условии — truthy и falsy. Следующий навык — читать символы, которые работают со значениями: складывать, сохранять, сравнивать или объединять да/нет. Это операторы. Этот урок — карта семейств, а не глубокий разбор каждого символа. Дальше отдельно пойдут арифметика, присваивание, сравнение и логика.

Что такое оператор в JavaScript?

Оператор — символ (или короткое слово), который говорит JavaScript сделать что-то с одним или несколькими значениями. Эти значения называют операндами. В 3 + 4 символ + — оператор, а 3 и 4 — операнды. Операторы встречаются почти в каждой строке — сначала выучите названия семейств, чтобы символы не казались случайными.

Семейства операторов (карта новичка)

📊 Семейства операторов для старта

Семейство Задача в одной строке Примеры, которые скоро встретите
Арифметика считать с числами + - * / %
Присваивание положить значение в переменную = +=
Сравнение задать вопрос да/нет о значениях === !== > <
Логика объединить или перевернуть результаты да/нет && · OR · !

Держите эту таблицу под рукой. Увидели новый символ? Спросите: какое семейство? Это полезнее, чем зубрить огромный список в первый день.

Короткий взгляд на арифметику

Арифметические операторы обычно работают с числами и возвращают новое значение. % — остаток от деления; позже пригодится для схем «каждый N-й».

Короткий взгляд на арифметические операторы

javascript 
console.log(10 + 3);
console.log(10 - 3);
console.log(10 * 3);
console.log(10 / 3);
console.log(10 % 3);

Полный урок арифметики — следующий. Здесь достаточно узнать семейство и прочитать короткое выражение.

Присваивание сохраняет значение

= — это не «равно» из урока математики. Это присваивание: положить значение справа в переменную слева.

Присваивание через =

javascript 
let score = 0;
score = 10;
console.log(score);
let label = "hi";
label = label + "!";
console.log(label);

Сокращения вроде += из того же семейства; потренируетесь на уроке присваивания.

Сравнение задаёт вопрос

Операторы сравнения возвращают boolean: true или false. Для старта лучше === (строгое равенство) — проверяет и значение, и тип. Глубокий урок сравнения будет позже.

Сравнение через ===

javascript 
console.log(5 === 5);
console.log(5 === "5");
console.log(7 > 3);
console.log(2 !== 9);

5 === "5" даёт false, потому что число и строка — разные типы. Это свойство строгого равенства, а не ошибка.

Логика объединяет да/нет

Логические операторы работают с почти boolean-результатами. && требует оба truthy. || достаточно одного. ! переворачивает truthy/falsy. Идею вы уже знаете; здесь связываете несколько проверок.

Короткий взгляд на логические операторы

javascript 
console.log(true && true);
console.log(true && false);
console.log(false || true);
console.log(!false);
let age = 20;
console.log(age >= 18 && age < 65);

Осторожно с +: сложение или склейка?

Два числа с + → обычно сложение. Если одна сторона строка, + часто склеивает (конкатенация). Это было в преобразовании типов — и на карте операторов тоже есть место.

Плюс складывает или склеивает

javascript 
console.log(2 + 3);
console.log("2" + 3);
console.log(2 + "3");
console.log("Hi" + " " + "Sam");

Покажите выражение на странице

Одно короткое выражение может решить, что увидит посетитель. Измените числа или сравнение и обновите страницу.

Демо страницы с операторами

html 
<!DOCTYPE html>
<html>
<head>
<title>Operators — page demo</title>
</head>
<body>
<p id="out">…</p>
<script>
let a = 8;
let b = 5;
let sum = a + b;
let ok = sum >= 10;
let box = document.getElementById("out");
box.textContent = "sum=" + sum + " · ok=" + ok;
</script>
</body>
</html>

Здесь вместе работают арифметика (+), сравнение (>=) и склейка строк (+ с текстом). Такая смесь обычна на реальных страницах.

Попробуйте сами

  1. Выведите 15 + 4, 15 - 4, 15 * 4, 15 / 4 и 15 % 4.
  2. Напишите let n = 1, затем n = n + 2, затем выведите n.
  3. Выведите 10 === 10 и 10 === "10".
  4. Выведите true && false и true || false.
  5. Сравните "7" + 1 и 7 + 1.
  6. В HTML-демо измените a или b, чтобы ok стал false, и обновите страницу.

Частые ошибки

  • Читать = как «равно» — он сохраняет; для сравнения нужен ===
  • Ждать, что + всегда складывает — со строкой часто склеивает
  • Учить все символы до четырёх имён семейств
  • Путать сравнение (===) и логику (&&) — разные задачи
  • Пропускать карту и рано прыгать к продвинутым операторам

Кратко

  • Оператор действует на значения (операнды)
  • Стартовые семейства: арифметика, присваивание, сравнение, логика
  • = сохраняет; === сравнивает; && / || / ! объединяют да/нет
  • + может складывать числа или склеивать строки
  • Дальше: арифметика — более глубокий взгляд на + - * / %

🧠 Проверьте Свои Знания

Готов к Началу

Проверьте Свои Знания

Бросьте себе вызов с помощью этой интерактивной викторины и узнайте, насколько хорошо вы понимаете тему

❓
8
Вопросы
🎯
70%
Для Прохождения
♾️
∞
Время
🔄
∞
Попытки

📝 Инструкции

  • Внимательно прочитайте каждый вопрос
  • Выберите лучший ответ на каждый вопрос
  • Вы можете пересдавать тест столько раз, сколько захотите
  • Ваш прогресс будет показан вверху
Тема 16 из 17
Javascript Урок