JavaScript Assignment Operators (original) (raw)
Last Updated : 05 Jun, 2025
Assignment operators are used to assign values to variables in JavaScript.
JavaScript `
// Lets take some variables x = 10 y = 20
x = y ; console.log(x); console.log(y);
`
**More Assignment Operators
There are so many assignment operators as shown in the table with the description.
OPERATOR NAME | SHORTHAND OPERATOR | MEANING |
---|---|---|
**Addition Assignment | a+=b | a=a+b |
**Subtraction Assignment | a-=b | a=a-b |
**Multiplication Assignment | a*=b | a=a*b |
**Division Assignment | a/=b | a=a/b |
**Remainder Assignment | a%=b | a=a%b |
**Exponentiation Assignment | a**=b | a=a**b |
**Left Shift Assignment | a<<=b | a=a<<b |
**Right Shift Assignment | a>>=b | a=a>>b |
**Bitwise AND Assignment | a&=b | a=a&b |
**Bitwise OR Assignment | a|=b | a=a | b |
**Bitwise XOR Assignment | a^=b | a=a^b |
**Logical AND Assignment | a&&=b | x && (x = y) |
**Logical OR Assignment | | | = |
**Nullish coalescing Assignment | ??= | x ?? (x = y) |
**Addition Assignment Operator(+=)
The Addition assignment operator adds the value to the right operand to a variable and assigns the result to the variable. Addition or concatenation is possible. In case of concatenation then we use the string as an operand.
**Example:
JavaScript `
let a = 2; const b = 3;
// Expected output: 2 console.log(a);
// Expected output: 4 console.log(a += b );
`
**Subtraction Assignment Operator(-=)
The Substraction Assignment Operator subtracts the value of the right operand from a variable and assigns the result to the variable.
**Example:
JavaScript `
let yoo = 4;
// Expected output 3 console.log(yoo -= 1);
`
**Multiplication Assignment Operator(*=)
The Multiplication Assignment operator multiplies a variable by the value of the right operand and assigns the result to the variable.
**Example:
JavaScript `
let yooMul = 4;
// Expected output 3 console.log(yooMul *= 2);
`
**Division Assignment Operator(/=)
The Division Assignment operator divides a variable by the value of the right operand and assigns the result to the variable.
**Example:
JavaScript `
let yooDiv = 10;
const moo = 2;
console.log(yooDiv /= moo);
console.log(yooDiv /= 0);
`
**Remainder Assignment Operator(%=)
The Remainder Assignment Operator divides a variable by the value of the right operand and assigns the remainder to the variable.
**Example:
JavaScript `
let yooRem = 50; console.log(yooRem %= 10);
`
**Exponentiation Assignment Operator
The Exponentiation Assignment Operator raises the value of a variable to the power of the right operand.
**Example:
JavaScript `
let yooExp = 2; console.log(yooExp **= 3);
`
**Left Shift Assignment Operator(<<=)
This **Left Shift Assignment Operator moves the specified amount of bits to the left and assigns the result to the variable.
**Example:
JavaScript `
let yooShiftLeft = 5; console.log(yooShiftLeft <<= 2);
`
**Right Shift Assignment Operator(>>=)
The **Right Shift Assignment Operator moves the specified amount of bits to the right and assigns the result to the variable.
**Example:
JavaScript `
let yooShiftRight = 5; console.log(yooShiftRight >>= 2);
`
**Bitwise AND Assignment Operator(&=)
The **Bitwise AND Assignment Operator uses the binary representation of both operands, does a bitwise AND operation on them, and assigns the result to the variable.
**Example:
JavaScript `
let yooBitwiseAnd = 5; console.log(yooBitwiseAnd &= 2);
`
**Btwise OR Assignment Operator(|=)
The **Btwise OR Assignment Operator uses the binary representation of both operands, does a bitwise OR operation on them, and assigns the result to the variable.
**Example:
JavaScript `
let yooBitwiseOr = 5; console.log(yooBitwiseOr |= 2);
`
**Bitwise XOR Assignment Operator(^=)
The **Bitwise XOR Assignment Operator uses the binary representation of both operands, does a bitwise XOR operation on them, and assigns the result to the variable.
**Example:
JavaScript `
let yooBitwiseXor = 5; console.log(yooBitwiseXor ^= 2);
`
Logical AND Assignment Operator(&&=)
The Logical AND Assignment assigns the value of **y into **x only if **x is a **truthy value.
**Example:
JavaScript `
let name = { firstName: "Ram", lastName: "" };
console.log(name.firstName);
name.firstName &&= "Shyam";
console.log(name.firstName);
console.log(name.lastName);
name.lastName &&= "Kumar";
console.log(name.lastName);
`
Logical OR Assignment Operator(||=**)**
The **Logical OR Assignment Operator is used to assign the value of y to x if the value of x is falsy.
**Example:
JavaScript `
let nameOr = { firstName: "Ram", lastName: "" };
console.log(nameOr.firstName);
nameOr.firstName ||= "Shyam";
console.log(nameOr.firstName);
console.log(nameOr.lastName);
nameOr.lastName ||= "Kumar";
console.log(nameOr.lastName);
`
**Nullish coalescing Assignment Operator(??=)
The **Nullish coalescing AssignmentOperator assigns the value of y to x if the value of x is null.
**Example:
JavaScript `
let xNull = 12;
let yNull = null;
let zNull = 13;
xNull ??= zNull;
yNull ??= zNull;
console.log(xNull);
console.log(yNull);
`
**Supported Browsers: The browsers supported by all **JavaScript Assignment operators are listed below:
- Google Chrome
- Firefox
- Opera
- Safari
- Microsoft Edge