Назначение JavaScript

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

Операторы присваивания присваивают значения переменным JavaScript.

Operator	Example	Same As
=	x = y	x = y
+=	x += y	x = x + y
-=	x -= y	x = x - y
*=	x *= y	x = x * y
/=	x /= y	x = x / y
%=	x %= y	x = x % y
**=	x **= y	x = x ** y

Операторы назначения смен

Operator	Example	Same As
<<=	x <<= y	x = x << y
>>=	x >>= y	x = x >> y
>>>=	x >>>= y	x = x >>> y

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

Operator	Example	Same As
&=	x &= y	x = x & y
^=	x ^= y	x = x ^ y
\|=	x \|= y	x = x \| y

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

Operator	Example	Same As
&&=	x &&= y	x = x && (x = y)
\|\|=	x \|\|= y	x = x \|\| (x = y)
??=	x ??= y	x = x ?? (x = y)

Примечание

Операторы логического присваивания — ES2020.

Оператор =

Простой оператор присваивания присваивает значение переменной.

Простые примеры присвоения

let x = 10;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Simple Assignment</h2>
<h3>The = Operator</h3>

<p id="demo"></p>

<script>
let x = 10;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

let x = 10 + y;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Simple Assignment</h2>
<h3>The = Operator</h3>

<p id="demo"></p>

<script>
let y = 50
let x = 10 + y;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Оператор +=

Оператор сложения добавляет значение к переменной.

Примеры дополнительных назначений

let x = 10;
x += 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Addition Assignment</h2>
<h3>The += Operator</h3>

<p id="demo"></p>

<script>
let x = 10;
x += 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

let text = "Hello";
text += " World";

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Addition Assignment</h2>
<h3>The += Operator</h3>

<p id="demo"></p>

<script>
let text = "Hello";
text += " World";
document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>

Оператор -=

Оператор присваивания вычитания вычитает значение из переменной.

Пример назначения вычитания

let x = 10;
x -= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Subtraction Assignment</h2>
<h3>The -= Operator</h3>

<p id="demo"></p>

<script>
let x = 10;
x -= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Оператор *=

Оператор присваивания умножения умножает переменную.

Пример задания умножения

let x = 10;
x *= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Multiplication Assignment</h2>
<h3>The *= Operator</h3>

<p id="demo"></p>

<script>
let x = 10;
x *= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

**= Оператор

Оператор возведения в степень возводит переменную в степень операнда.

Пример возведения в степень

let x = 10;
x **= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Exponentiation Assignment</h2>
<h3>The **= Operator</h3>

<p id="demo"></p>

<script>
let x = 10;
x **= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Оператор /=

Оператор деления делит переменную.

Пример назначения подразделения

let x = 10;
x /= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Division Assignment</h2>
<h3>The /= Operator</h3>

<p id="demo"></p>

<script>
let x = 10;
x /= 5;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

Оператор %=

Оператор присваивания остатка присваивает остаток переменной.

Пример назначения остатка

let x = 10;
x %= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Remainder Assignment</h2>
<h3>The %= Operator</h3>

<p id="demo"></p>

<script>
let x = 10;
x %= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Оператор <<=

Оператор присваивания сдвига влево сдвигает переменную влево.

Пример назначения левого смещения

let x = -100;
x <<= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Left Shift Assignment</h2>
<h3>The &lt;&lt;= Operator</h3>

<p id="demo"></p>

<script>
let x = -100;
x <<= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Оператор >>=

Оператор присваивания сдвига вправо сдвигает переменную вправо (со знаком).

Пример назначения правого смещения

let x = -100;
x >>= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Right Shift Assignment</h2>
<h3>The &gt;&gt;= Operator</h3>

<p id="demo"></p>

<script>
let x = -100;
x >>= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Оператор >>>=

Оператор присваивания беззнакового сдвига вправо сдвигает вправо переменную (беззнаковую).

Пример назначения беззнакового сдвига вправо

let x = -100;
x >>>= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Right Shift Assignment</h2>
<h3>The &gt;&gt;&gt;= Operator</h3>

<p id="demo"></p>

<script>
let x = -100;
x >>>= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Оператор &=

Оператор присваивания побитовое И выполняет побитовую операцию И над двумя операндами. и присваивает результат переменной.

Пример побитового И присваивания

let x = 10;
x &= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Bitwise AND Assignment</h2>
<h3>The &amp;= Operator</h3>

<p id="demo"></p>

<script>
let x = 100;
x &= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Оператор |=

Оператор присваивания побитовое ИЛИ выполняет побитовую операцию ИЛИ над двумя операндами. и присваивает результат переменной.

Пример побитового ИЛИ

let x = 10;
x |= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Bitwise OR Assignment</h2>
<h3>The |= Operator</h3>

<p id="demo"></p>

<script>
let x = 100;
x |= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Оператор ^=

Оператор присваивания побитовое исключающее ИЛИ выполняет побитовую операцию исключающее ИЛИ для двух операндов. и присваивает результат переменной.

Пример побитового назначения XOR

let x = 10;
x ^= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Bitwise XOR Assignment</h2>
<h3>The ^= Operator</h3>

<p id="demo"></p>

<script>
let x = 100;
x ^= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Оператор &&=

Логический оператор присваивания И используется между двумя значениями.

Если первое значение истинно, присваивается второе значение.

Пример логического И присваивания

let x = 10;
x &&= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Logical AND Assignment</h2>
<h3>The &amp;&amp;= Operator</h3>
<p>If the first value is true, the second value is assigned.</p>

<p id="demo"></p>

<script>
let x = 100;
x &&= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Оператор &&= — это функция ES2020.

Оператор ||=

Оператор присваивания логического ИЛИ используется между двумя значениями.

Если первое значение ложно, присваивается второе значение.

Пример присваивания логического ИЛИ

let x = 10;
x ||= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>Logical OR Assignment</h2>
<h3>The ||= Operator</h3>

<p>If the first value is false, the second value is assigned:</p>
<p id="demo"></p>

<script>
let x = undefined;
x ||= 5;
document.getElementById("demo").innerHTML = "Value of x is: " + x;
</script>

</body>
</html>

Оператор ||= — это функция ES2020.

Оператор ??=

Оператор объединения нулевых значений используется между двумя значениями.

Если первое значение не определено или равно нулю, присваивается второе значение.

Пример назначения нулевого объединения

let x;
x ??= 5;

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

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Assignments</h1>
<h2>The ??= Operator</h2>
<p>The ??= operator is used between two values. If the first value is undefined or null, the second value is assigned.</p>

<p id="demo"></p>

<script>
let x;
document.getElementById("demo").innerHTML = x ??= 5; 
</script>

</body>
</html>

Оператор ??= — это функция ES2020.

Назначение JavaScript

Оглавление

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

Операторы назначения смен

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

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

Примечание

Оператор =

Простые примеры присвоения

Оператор +=

Примеры дополнительных назначений

Оператор -=

Пример назначения вычитания

Оператор *=

Пример задания умножения

**= Оператор

Пример возведения в степень

Оператор /=

Пример назначения подразделения

Оператор %=

Пример назначения остатка

Оператор <<=

Пример назначения левого смещения

Оператор >>=

Пример назначения правого смещения

Оператор >>>=

Пример назначения беззнакового сдвига вправо

Оператор &=

Пример побитового И присваивания

Оператор |=

Пример побитового ИЛИ

Оператор ^=

Пример побитового назначения XOR

Оператор &&=

Пример логического И присваивания

Оператор ||=

Пример присваивания логического ИЛИ

Оператор ??=

Пример назначения нулевого объединения