Операторы в Javascript

12 декабря 2025
Автор

Виталий Котов

В JavaScript оператор - это специальный символ, используемый для выполнения операций над операндами (значениями и переменными). Например,

2 + 3; // 5

Здесь + - оператор, выполняющий сложение, а 2 и 3 - операнды.

Типы операторов

Вот список различных операторов, которые можно изучить в этом материале:

  • Операторы присваивания
  • Арифметические операторы
  • Операторы сравнения
  • Логические операторы
  • Побитовые операторы
  • Строковые операторы
  • Другие операторы

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

Операторы присваивания используются для присвоения значений переменным. Например,

const x = 5;

Здесь оператор = используется для присвоения переменной x значения 5.

Вот список часто используемых операторов присваивания:

Оператор Название Пример
= Оператор присваивания a = 7; // 7
+= Сложение с присваиванием a += 5; // a = a + 5
-= Вычитание с присваиванием a -= 2; // a = a - 2
*= Умножение с присваиванием a *= 3; // a = a * 3
/= Деление с присваиванием a /= 2; // a = a / 2
%= Присваивание с остатком a %= 2; // a = a % 2
**= Присваивание степени a **= 2; // a = a**2

Примечание: Часто используемым оператором присваивания является =.

Операторы в JavaScript позволяют выполнять различные действия над данными: арифметические операции, сравнения, присваивания и другие. Понимание операторов необходимо для написания любого кода. Если вы хотите детально изучить операторы в JavaScript, как они работают и как их правильно использовать для решения различных задач, приходите на наш большой курс JavaScript с нуля. На курсе 198 уроков и 30 упражнений, AI-тренажеры для безлимитной практики с кодом и задачами 24/7, решение задач с живым ревью наставника, еженедельные встречи с менторами.

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

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

const number = 3 + 5; // 8

Здесь оператор + используется для сложения двух операндов.

Оператор Название Пример
+ Сложение x + y
- Вычитание x - y
* Умножение x * y
/ Деление x / y
% Остаток от деления x % y
++ Инкремент (увеличивает на 1) ++x or x++
-- Декремент ( уменьшает на 1) --x or x--
** Возведение в степень x ** y

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

let x = 5;
let y = 3;

// сложение
console.log('x + y = ', x + y); // 8

// вычитание
console.log('x - y = ', x - y); // 2

// умножение
console.log('x * y = ', x * y); // 15

// деление
console.log('x / y = ', x / y); // 1.6666666666666667

// остаток от деления
console.log('x % y = ', x % y); // 2

// инкремент
console.log('++x = ', ++x); // x теперь равен 6
console.log('x++ = ', x++); // выводит 6 затем увеличивается до 7
console.log('x = ', x); // 7

// декремент
console.log('--x = ', --x); // x теперь равен 6
console.log('x-- = ', x--); // выводит 6 затем уменьшается до 5
console.log('x = ', x); // 5

// возведение в степень
console.log('x ** y =', x ** y);

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

Операторы сравнения сравнивают два значения и возвращают булево значение, либо true, либо false. Например,

const a = 3;
const b = 2;
console.log(a > b); // true

Здесь оператор сравнения > используется для сравнения того, больше ли a, чем b.

Оператор Описание Пример
== Равно: возвращает true, если операнды равны x == y
!= Не равно: возвращает true, если операнды не равны. x != y
=== Строгое равно: true, если операнды равны и имеют одинаковый тип x === y
!== Строгое не равно: true, если операнды равны, но разного типа или не равны вообще x !== y
> Больше чем: true, если левый операнд больше правого операнда x > y
>= Больше или равно: true, если левый операнд больше или равен правому операнду x >= y
< Меньше чем: true, если левый операнд меньше правого операнда x < y
<= Меньше или равно: true, если левый операнд меньше или равен правому операнду x <= y

Пример 2: Операторы сравнения

// оператор равно
console.log(2 == 2); // true
console.log(2 == '2'); // true

// оператор не равно
console.log(3 != 2); // true
console.log('привет' != 'Привет'); // true

// строгий оператор равно
console.log(2 === 2); // true
console.log(2 === '2'); // false

// строгий оператор не равно
console.log(2 !== '2'); // true
console.log(2 !== 2); // false

Операторы сравнения используются в принятии решений и циклах.

Побитовые операторы

Побитовые операторы выполняют операции над двоичными представлениями чисел.

Оператор Описание
& Побитовое И
| Побитовое ИЛИ
^ Побитовый XOR
~ Побитовое НЕ
<< Левый сдвиг
>> Правый сдвиг
>>> Правый сдвиг с нулевым заполнением

Побитовые операторы редко используются в повседневном программировании.

Строковые операторы

В JavaScript также можно использовать оператор + для конкатенации (объединения) двух или более строк.

Пример: Строковые операторы

// оператор конкатенации
console.log('привет' + 'мир');

let a = 'Purple';

a += ' School'; // a = a + ' School';
console.log(a);

Вывод в консоль:

приветмир
Purple School

Примечание: Когда + используется со строками, он выполняет конкатенацию. Однако, когда + используется с числами, он выполняет сложение.

Другие операторы

Вот список других операторов, доступных в JavaScript:

Оператор Описание Пример
, оценивает несколько операндов и возвращает значение последнего операнда. let a = (1, 3 , 4); // 4
?: возвращает значение в зависимости от условия (5 > 3) ? 'success' : 'error'; // "success"
delete удаляет свойство объекта или элемент массива delete x
typeof возвращает строку, указывающую на тип данных typeof 3; // "number"
void отбрасывает возвращаемое значение выражения void(x)
in возвращает true, если указанное свойство есть в объекте prop in object
instanceof возвращает true, если указанный объект относится к указанному типу объектов object instanceof object_type

Операторы - это важная часть JavaScript. Для более глубокого изучения языка и создания сложных программ, рассмотрите курс JavaScript Advanced. В первых 3 модулях уже доступно бесплатное содержание — начните погружаться в мир продвинутого JavaScript прямо сегодня.

Стрелочка влевоТипы данных в JavaScript - инструкция для начинающихЛогические операторы в JavaScript - && (и), || (или), ! (не)Стрелочка вправо

Постройте личный план изучения Javascript до уровня Middle — бесплатно!

Javascript — часть карты развития Frontend

  • step100+ шагов развития
  • lessons30 бесплатных лекций
  • lessons300 бонусных рублей на счет

Бесплатные лекции

Все гайды по Javascript

Как работает метод trim() - JavaScriptКак работает метод toUpperCase() - JavaScriptКак работает метод toLowerCase() - JavaScriptКак работает метод substring() - JavaScriptКак работает метод startsWith() - JavaScriptКак работает метод split() - JavaScriptКак работает метод slice() - JavaScriptКак работает метод search() - JavaScriptКак работает метод replaceAll() - JavaScriptКак работает метод replace() - JavaScriptКак работает метод repeat() - JavaScriptКак работает метод padStart() - JavaScriptКак работает метод padEnd() - JavaScriptКак работает метод matchAll() - JavaScriptКак работает метод match() - JavaScriptКак работает метод localeCompare() - JavaScriptКак работает свойство length - JavaScriptКак работает метод lastIndexOf() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод fromCodePoint() - JavaScriptКак работает метод fromCharCode() - JavaScriptКак работает метод endsWith() - JavaScriptКак работает метод concat() - JavaScriptКак работает метод codePointAt() - JavaScriptКак работает метод charCodeAt() - JavaScriptКак работает метод charAt() - JavaScript
Итератор в JavaScript
Error в JavaScripttry...catch в JavaScript
Событие wheel в JavaScriptСобытие unload в JavaScriptСобытие touch в JavaScriptСобытие submit в JavaScriptСобытие scroll в JavaScriptСобытие reset в JavaScriptМетод .preventDefault() в JavaScriptСобытие mouseover в JavaScriptСобытие mouseout в JavaScriptСобытие load в JavaScriptСобытие keyup в JavaScriptСобытие keydown в JavaScriptСобытие invalid в JavaScriptСобытие input в JavaScriptСобытийная модель Event в JavaScriptОбъект события Event в JavaScriptСобытие DOMContentLoaded в JavaScriptСобытие dblclick в JavaScriptСобытие click в JavaScriptСобытие change в JavaScriptСобытие beforeunload в JavaScript
Как работает метод some() - JavaScriptКак работает метод reverse() - JavaScriptКак работает метод reduce() - JavaScriptКак работает метод map() - JavaScriptКак работает метод isArray() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод from() - JavaScriptКак работает метод forEach() - JavaScriptКак работает метод flatMap() - JavaScriptКак работает метод flat() - JavaScriptКак работает метод findIndex() - JavaScriptКак работает метод find() - JavaScriptКак работает метод filter() - JavaScriptКак работает метод every() - JavaScriptМассивы в JavaScript
Открыть базу знаний

Лучшие курсы по теме

изображение курса

Основы JavaScript

Антон Ларичев
AI-тренажеры
Практика в студии
Гарантия
Бонусы
иконка звёздочки рейтинга4.8
3 999 ₽ 6 990 ₽
Подробнее
изображение курса

TypeScript с нуля

Антон Ларичев
AI-тренажеры
Практика в студии
Гарантия
Бонусы
иконка звёздочки рейтинга4.8
3 999 ₽ 6 990 ₽
Подробнее
изображение курса

Next.js - с нуля

Антон Ларичев
AI-тренажеры
Практика в студии
Гарантия
Бонусы
иконка звёздочки рейтинга4.7
3 999 ₽ 6 990 ₽
Подробнее

Отправить комментарий