Altcademy - a Forbes magazine logo Best Coding Bootcamp 2023

What is += in JavaScript

Understanding the Basics

If you're learning programming, you've probably come across all sorts of symbols and notations. Today, we'll focus on one of these symbols, the += operator, specifically in JavaScript. If you've dabbled in math, you might recognize this as similar to the plus sign. And you're not wrong! It does involve addition, but there's a twist.

What is +=?

In JavaScript, += is an assignment operator, an operator that gives (or assigns) a value to a variable. The += operator adds the value on the right to the variable on its left and then assigns the result back to the variable. It's like a shorthand for adding a value to a variable.

For example, consider this piece of code:

let number = 10;
number += 5; 

After running this code, the value of number is now 15. This is the same as writing number = number + 5;. The += operator simply makes it shorter and cleaner.

Breaking Down the += Operator

To understand what's happening here, you need to know about the = and + operators.

The = is the basic assignment operator. It assigns the value on the right to the variable on the left. For example, let number = 10; assigns the value 10 to the variable number.

The + is the addition operator. It adds two numbers together. Like 5 + 10 equals 15.

Now, when you combine these two operators into +=, you're essentially saying "add the number on the right to the number currently stored in the variable, and then store this new result back in the same variable".

Why Use +=?

You might wonder, why not just write number = number + 5;? Why use +=? The reason is mostly for brevity and readability. As you start writing more complex code, you'll appreciate how these shortcuts can make your code cleaner and more manageable.

+= Beyond Numbers

While we've been talking about += in the context of numbers, it's worth noting that += can be used with strings too! In JavaScript, when you use + or += with strings, it concatenates (joins) them together.

Here's an example:

let greeting = "Hello";
greeting += ", world!"; 

Now, greeting will contain the string "Hello, world!". It's the equivalent of writing greeting = greeting + ", world!";.

Wrapping Up with an Analogy

Picture a box that currently contains 10 apples. This box is our variable (number), and the apples are its value (10). Now, the += instruction comes along. It's like a command saying, "Add 5 more apples to this box." So you add 5 apples, and now the box (i.e., the number variable) contains 15 apples.

In conclusion, += is a handy tool in JavaScript that makes your code more concise. It's like a two-in-one tool, performing addition and assignment in one fell swoop. Understanding and using += can help make your journey into programming smoother and more enjoyable. As you continue learning, you'll find many more such operators that can make your life easier and your code cleaner. Happy coding!