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: