πŸ“ What You’ll Learn

  • What assignment operators are in JavaScript
  • The different types of assignment operators
  • How to use them in your code
  • Practical examples to demonstrate how assignment operators work

πŸ” What Are Assignment Operators?

Assignment operators are used to assign values to variables in JavaScript. They allow you to modify a variable’s value using a combination of its current value and the operation specified.

Basic Example:

let x = 5; // Assigning the value 5 to x

In the above example, the assignment operator = assigns the value 5 to the variable x.

βž• Basic Assignment Operator (=)

The basic assignment operator = is used to assign a value to a variable.

let num = 10;  // num is now 10

βž• Compound Assignment Operators

You can perform an operation and assign the result to the variable in one step using compound assignment operators.

+= (Addition Assignment)

Adds the right-hand operand to the left-hand operand and assigns the result to the left-hand operand.

let x = 5;
x += 3;  // x = x + 3; β†’ x is now 8

-= (Subtraction Assignment)

Subtracts the right-hand operand from the left-hand operand and assigns the result to the left-hand operand.

let x = 10;
x -= 4;  // x = x - 4; β†’ x is now 6

***=** (Multiplication Assignment)

Multiplies the left-hand operand by the right-hand operand and assigns the result to the left-hand operand.

let x = 2;
x *= 4;  // x = x * 4; β†’ x is now 8

/= (Division Assignment)

Divides the left-hand operand by the right-hand operand and assigns the result to the left-hand operand.

let x = 20;
x /= 5;  // x = x / 5; β†’ x is now 4

%= (Modulus Assignment)

Takes the modulus (remainder) of the left-hand operand divided by the right-hand operand and assigns the result to the left-hand operand.

let x = 9;
x %= 4;  // x = x % 4; β†’ x is now 1

🧠 Why Use Assignment Operators?

  • Conciseness: Assignment operators help you write shorter code by combining operations and assignments.
  • Readability: They make it clear that a variable's value is being updated based on a mathematical operation.
  • Efficiency: Especially useful inside loops or calculations, they can make the code more compact and easier to maintain.

βœ… Example: Using Assignment Operators in a Loop

Here’s an example of how you might use assignment operators inside a loop:

let sum = 0;

for (let i = 1; i <= 5; i++) {
  sum += i;  // sum = sum + i;
}

console.log(sum);  // Output: 15

πŸ“˜ Recap

  • = is the basic assignment operator
  • +=, -=, *=, /=, %= are compound assignment operators
  • These operators help simplify code and improve readability
  • Use them for efficient value updates in loops or calculations