10 Exercises I’m Using to Master Addition JavaScript Operators

Hey there, fellow code explorers! 👋 As I dive deeper into the world of JavaScript, I’ve encountered a fascinating duo of JavaScript Operators that I couldn’t wait to share with you.

Have you ever wondered about the difference between += and + in JavaScript?

It’s one of those coding curiosities that often pops up when you’re just starting your journey as a new coder. Don’t worry; I’m here learning with you!

In this blog post, I’ll break down what I learned in the most techy-belle-friendly way I can, so we can unravel the mystery of these operators together. So, grab your coding cape, and let’s embark on this adventure into the realm of Addition Assignment (+=) and Addition (+) JavaScript Operators. 🚀💻✨

What are JavaScript Addition Operators?

JavaScript Addition Operators refer to two specific operators: += and +. The += operator is known as the Addition Assignment operator, while the + operator is simply the Addition operator.

In JavaScript, the += operator combines addition and assignment functionalities. It allows you to increment the value of a variable by adding a specific number to its existing value.

For example, if you have a variable x with the value of 5, using the += operator, you can increase the value of x by 3, resulting in x becoming 8.

On the other hand, the + operator in JavaScript is used to perform addition between two values. When used with two numbers, it adds them together and returns the sum. Additionally, it can also concatenate strings.

For instance, if you have the strings “Hello” and “World” and you use the + operator to combine them, you would get the result “HelloWorld”.

Understanding the difference between these two operators is crucial for writing efficient and concise code. It allows you to perform mathematical calculations and string manipulations in JavaScript effectively. So, let’s dive deeper into these operators and explore their practical applications. 🚀💡💻

In Simpler Terms…

In JavaScript, the Addition Assignment (+=) and Addition (+) are JavaScript Operators used for different purposes.

1. += (Addition Assignment Operator):

• += is a compound assignment operator.
• It is used to add the value on the operator’s right-hand side to the value on the left-hand side and then assign the result back to the left-hand side variable.
• It is commonly used to update the value of a variable by adding another value to it.
• Example: x += 5; is equivalent to x = x + 5; It adds 5 to the current value of x and stores the result back in x.

2. + (Addition Operator):

• + is a binary operator for addition.
• It is used to add two values together or concatenate strings when used with strings.
• When used with numbers, it performs addition.
• When used with strings, it concatenates (joins) the strings.
• Example with numbers: 3 + 5 results in 8.
• Example with strings: "Hello" + " " + "World" results in the string “Hello World”.

Here are 10+ simple exercises to practice the difference between these two JavaScript Operators:

let x = 5;
let y = 3;

// Using +=
x += 2; // This updates the value of x to 7 (5 + 2)

// Using +
let z = x + y; // This calculates the sum of x and y, so z is 10 (7 + 3)

In order to really drive this home, I like to open up my Visual Studio Code, type out the examples, and console.log them. This way I give my fingers, brains, and eyes some practice in seeing using, and using what I’m learning. Here is the link to download, if you don’t have it already: click here (it’s free)

Let’s Practice!

Addition Assignment Operator (+=):

let num = 5;
   num += 3; // num is now 8 (5 + 3)
console.log(num)

  let fruits = ["apple"];
   fruits += " banana"; // fruits is now "apple banana"

let greeting = "Hello";
   greeting += ", world!"; // greeting is now "Hello, world!"

  let numbers = [1, 2, 3];
   numbers += 4; // numbers is now [1, 2, 3, 4]

let result = "The total is: ";

// Add a number and a string using the addition assignment operator
let numberToAdd = 5;
result += numberToAdd;

// Display the updated result
console.log(result);

let initialString = "Hello ";

// Prompt the user to enter a string
let userInput = prompt("Enter a string:");

// Update the initial string using the addition assignment operator
initialString += userInput;

// Display the updated string
console.log("Updated string: " + initialString);

Addition Operator (+):

let total = 7 + 4; // total is 11

   let x = "Hello";
   let y = " world!";
   let message = x + y; // message is "Hello world!"

  let values = [2, 3, 5];
   let sum = values[0] + values[1] + values[2]; // sum is 10

let str1 = "Techy ";
   let str2 = "Belle";
   let fullName = str1 + str2; // fullName is "Techy Belle"

 let decimal1 = 3.5;
   let decimal2 = 2.2;
   let result = decimal1 + decimal2; // result is 5.7

let num = 5;
let text = "apples"
let combo = num + text; //combo is "5 apples"

let initialString = "Hello ";

// Prompt the user to enter a string
let userInput = prompt("Enter a string:");

// Update the initial string using the addition operator
initialString = initialString + userInput;

// Display the updated string
console.log("Updated string: " + initialString);

These examples should help clarify how += and + are used in different scenarios within JavaScript.

Well, I hope this was helpful!! I’ve been using and seeing these JavaScript Operators more and more in my coding journey.

Here is additional information from the GOAT W3schools.com!

In summary the Addition Assignment JavaScript Operator ( += ) is used for updating the value of a variable by adding another value to it, while Addition JavaScript Operator (+) is used for performing addition or string concatenation, depending on the context in which it’s used.

If you want, make sure to bookmark this page or website for quick references as I’ll be sharing more posts like this!