JavaScript Assignment
JavaScript Assignment Operators
Assignment operators assign values to JavaScript variables.
Given that x = 10 and y = 5, the table below explains the assignment operators:
| Operator | Example | Same As | Result |
|---|---|---|---|
| = | x = y | x = y | x = 5 |
| += | x += y | x = x + y | x = 15 |
| -= | x -= y | x = x - y | x = 5 |
| *= | x *= y | x = x * y | x = 50 |
| **= | x **= y | x = x ** y | x = 100000 |
| /= | x /= y | x = x / y | x = 2 |
| %= | x %= y | x = x % y | x = 0 |
| : | x: 45 | size.x = 45 | x = 45 |
Logical Assignment Operators
| Operator | Example | Result |
|---|---|---|
| &&= | true &&= 10 | x = 10 |
| ||= | false ||= 10 | x = 10 |
| ??= | null ??= 10 | x = 10 |
The = Operator
The Simple Assignment Operator assigns a value to a variable.
The += Operator
The Addition Assignment Operator adds a value to a variable.
Addition Assignment Examples
x += 5;
The -= Operator
The Subtraction Assignment Operator subtracts a value from a variable.
The *= Operator
The Multiplication Assignment Operator multiplies a variable.
The **= Operator
The Exponentiation Assignment Operator raises a variable to the power of the operand.
The /= Operator
The Division Assignment Operator divides a variable.
The %= Operator
The Remainder Assignment Operator assigns a remainder to a variable.
Logical Assignment Operators
| Operator | Example | Result |
|---|---|---|
| &&= | true &&= 10 | x = 10 |
| ||= | false ||= 10 | x = 10 |
| ??= | null ??= 10 | x = 10 |
The &&= Operator
The Logical AND assignment operator is used between two values.
If the first value is true, the second value is assigned.
Logical AND Assignment Examples
let y = x &&= 10;
let y = x &&= 10;
let y = x &&= 10;
let y = x &&= 10;
let y = x &&= 10;
let y = x &&= 10;
Note
The &&= operator is an ES2020 feature.
The ||= Operator
The Logical OR assignment operator is used between two values.
If the first value is false, the second value is assigned.
Logical OR Assignment Examples
let y = x ||= 10;
let y = x ||= 10;
let y = x ||= 10;
let y = x ||= 10;
Note
The ||= operator is an ES2020 feature.
The ??= Operator
The Nullish coalescing assignment operator is used between two values.
If the first value is undefined or null, the second value is assigned.
Nullish Coalescing Assignment Examples
x ??= 10;
x ??= 10;
x ??= 10;
x ??= 10;
The ??= operator is an ES2020 feature.
The Spread (...) Operator
The ... operator splits iterables into individual elements.
Example
let min = Math.min(...text);
let max = Math.max(...text);