JavaScript - Операторы

Здравствуйте, будущие маги JavaScript! Я рад быть вашим проводником в этом захватывающем путешеcтвии в мир JavaScript-операторов. Как某人, кто преподавал программирование на протяжении многих лет, я могу告诉你, что понимание операторов похоже на изучение тайного рукопожатия в мире кодирования. Так что погружаемся и разгадываем эти тайны вместе!

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

Прежде чем мы перейдем к Details, начнем с азов. В JavaScript оператор - это специальный символ, используемый для выполнения операций над операндами (значения и переменные). Представьте операторы как глаголы в языке программирования - они действия, которые делают вещи happen!

Например, в выражении 2 + 3 символ + является оператором, а 2 и 3 - операндами. Просто, правда?

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

Теперь давайте поговорим о арифметических операторах. Это основа математических операций в JavaScript. Помните те математиеские классы, которые вы посещали? Пора dust off того знания!

Вот таблица арифметических операторов:

Оператор	Описание	Пример
+	Сложение	5 + 3 = 8
-	Вычитание	5 - 3 = 2
*	Умножение	5 * 3 = 15
/	Деление	15 / 3 = 5
%	Остаток от деления (Модуль)	5 % 2 = 1
++	Увеличение	Let x = 5; x++; (Теперь x = 6)
--	Уменьшение	Let x = 5; x--; (Теперь x = 4)

Давайте посмотрим, как они работают:

let a = 10;
let b = 5;

console.log(a + b); // Вывод: 15
console.log(a - b); // Вывод: 5
console.log(a * b); // Вывод: 50
console.log(a / b); // Вывод: 2
console.log(a % b); // Вывод: 0

a++; // a теперь 11
console.log(a); // Вывод: 11

b--; // b теперь 4
console.log(b); // Вывод: 4

Каждая строка в этом фрагменте кода демонстрирует, как работают эти операторы. Оператор модуля (%) может быть новым для некоторых из вас - он дает вам остаток после деления. Это incredibly полезно, когда вам нужно проверить, чётное или нечётное число!

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

Следующие, у нас есть операторы сравнения. Это как судьи на программировании contest - они сравнивают значения и возвращают true или false. Они essential для принятия решений в вашем коде.

Вот таблица операторов сравнения:

Оператор	Описание	Пример
==	Равно	5 == 5 возвращает true
===	Strictly равно (значение и тип)	5 === "5" возвращает false
!=	Не равно	5 != 3 возвращает true
!==	Strictly не равно	5 !== "5" возвращает true
>	Больше чем	5 > 3 возвращает true
<	Меньше чем	5 < 3 возвращает false
>=	Больше или равно	5 >= 5 возвращает true
<=	Меньше или равно	5 <= 3 возвращает false

Давайте посмотрим, как они работают:

let x = 5;
let y = "5";

console.log(x == y);  // Вывод: true
console.log(x === y); // Вывод: false
console.log(x != y);  // Вывод: false
console.log(x !== y); // Вывод: true
console.log(x > 3);   // Вывод: true
console.log(x < 10);  // Вывод: true
console.log(x >= 5);  // Вывод: true
console.log(x <= 4);  // Вывод: false

Обратите внимание на разницу между == и ===. Тройной equals (===) проверяет и значение, и тип, в то время как двойной equals (==) проверяет только значение. Это common source of bugs для новичков, так что всегда быть внимательным к тому, который вы используете!

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

Логические операторы являются decision-makers в JavaScript. Они помогают вам combine multiple условия и принимать сложные решения. Представьте их как мудрых старейшин программирования village, направляющих ваш код к правильным решениям.

Вот таблица логических операторов:

Оператор	Описание	Пример
&&	Логическое И	(x > 0 && x < 10)
||	Логическое ИЛИ	(x === 5 || y === 5)
!	Логическое НЕ	!(x === y)

Давайте посмотрим, как они работают:

let a = 5;
let b = 10;

console.log(a > 0 && b < 20);  // Вывод: true
console.log(a > 10 || b === 10);  // Вывод: true
console.log(!(a === b));  // Вывод: true

Оператор && возвращает true только если оба условия истины. Оператор || возвращает true если хотя бы одно условие истины. Оператор ! переворачивает boolean значение - он true к false и false к true.

Битовые операторы JavaScript

Теперь мы переходим в мир битовых операторов. Эти операторы работают с bitami целых чисел. Они как secret agents в мире программирования - не используются часто, но incredibly мощные, когда они нужны.

Вот таблица битовых операторов:

Оператор	Описание
&	Битовое И
|	Битовое ИЛИ
^	Битовое Исключающее ИЛИ
~	Битовое НЕ
<<	Сдвиг влево
>>	Сдвиг вправо с знакопропагирующимся нолем
>>>	Сдвиг вправо с заполнением нулями

Эти операторы немного advanced, так что не worry если они seem запутанными сначала. По мере вашего progress в JavaScript, вы встретите ситуации, где они могут быть полезны.

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

Операторы присваивания используются для присваивания значений переменным. Они как movers в мире программирования - они.put вещи, где они belong.

Вот таблица операторов присваивания:

Оператор	Описание	Пример
=	Присваивание	x = 5
+=	Присваивание сложения	x += 3 то же, что x = x + 3
-=	Присваивание вычитания	x -= 3 то же, что x = x - 3
*=	Присваивание умножения	x = 3 то же, что x = x 3
/=	Присваивание деления	x /= 3 то же, что x = x / 3
%=	Присваивание модуля	x %= 3 то же, что x = x % 3

Давайте посмотрим, как они работают:

let x = 5;
console.log(x); // Вывод: 5

x += 3;
console.log(x); // Вывод: 8

x -= 2;
console.log(x); // Вывод: 6

x *= 4;
console.log(x); // Вывод: 24

x /= 3;
console.log(x); // Вывод: 8

x %= 3;
console.log(x); // Вывод: 2

Эти операторы являются shortcuts, которые делают ваш код более кратким и читаемым. Они как швейцарские армейские ножи мира программирования - универсальные и удобные!

Разнообразные операторы JavaScript

Lastly, давайте посмотрим на некоторые разнообразные операторы, которые не вписываются в другие категории.

1. Условный (Тернарный) оператор: Это сокращенная форма if-else statements.

let age = 20;
let canVote = (age >= 18) ? "Yes" : "No";
console.log(canVote); // Вывод: "Yes"

Этот оператор проверяет, истина ли age >= 18. Если да, он присваивает "Yes" переменной canVote, в противном случае "No".

2. Оператор typeof: Возвращает строку, указывающую тип операнда.

console.log(typeof 42);        // Вывод: "number"
console.log(typeof 'blubber'); // Вывод: "string"
console.log(typeof true);      // Вывод: "boolean"
console.log(typeof [1, 2, 4]); // Вывод: "object"

3. Оператор delete: Удаляет property объекта или элемент массива.

let person = {name: "John", age: 30};
delete person.age;
console.log(person); // Вывод: {name: "John"}

И вот мы и здесь,folks! Мы совершили путешеcтвие через землю JavaScript-операторов. Помните, что практика делает perfect. Так что не бойтесь экспериментировать с этими операторами в вашем собственном коде. Счастливого кодирования!

Credits: Image by storyset