In JavaScript, operators are special symbols that perform specific operations on values and variables. These operations can be arithmetic, logical, or assignment in nature.
Expressions are combinations of values, variables, and operators that evaluate to a single value. They are a fundamental part of any programming language and are used to perform calculations, make comparisons, and assign values.
In this article, we’ll go over the different types of operators and expressions in JavaScript and how to use them in your code.
Arithmetic Operators
Arithmetic operators are used to perform basic arithmetic operations like addition, subtraction, multiplication, and division.
Here are the most common arithmetic operators in JavaScript:
+
: Addition-
: Subtraction*
: Multiplication/
: Division%
: Modulus (remainder)++
: Increment--
: Decrement
Here’s an example of how to use these operators in an expression:
var result = 3 + 5; // 8
result = result * 2; // 16
result = result / 4; // 4
result = result % 3; // 1
Comparison Operators
Comparison operators are used to compare values and return a boolean value of true
or false
.
Here are the most common comparison operators in JavaScript:
==
: Equal to!=
: Not equal to>
: Greater than<
: Less than>=
: Greater than or equal to<=
: Less than or equal to
Here’s an example of how to use comparison operators in an expression:
var result = 3 > 5; // false
result = 3 >= 3; // true
result = "a" == "a"; // true
result = "a" != "b"; // true
Logical Operators
Logical operators are used to perform logical operations like and
, or
, and not
.
Here are the most common logical operators in JavaScript:
&&
: And||
: Or!
: Not
Here’s an example of how to use logical operators in an expression:
var result = true && true; //
true result = true || false; // true
result = !true; //false
Assignment Operators
Assignment operators are used to assign values to variables. The most common assignment operator is the equal sign (=
), which assigns a value to a variable.
There are also compound assignment operators that perform an operation and assign the result to a variable in a single step. These include:
+=
: Addition assignment-=
: Subtraction assignment*=
: Multiplication assignment/=
: Division assignment
Here’s an example of how to use assignment operators in an expression:
var result = 0;
result += 10; // 10
result -= 5; // 5
result *= 2; // 10
result /= 2; // 5
Operator Precedence
In JavaScript, some operators have higher precedence than others, which means they are evaluated before other operators. For example, the multiplication operator has a higher precedence than the addition operator, so the following expression:
var result = 2 + 3 * 4;
will evaluate to 14
, not 20
, because the multiplication is performed before the addition.
You can use parentheses to specify the order in which operations should be performed, like this:
var result = (2 + 3) * 4;
This will evaluate to 20
, because the addition is performed first inside the parentheses.
Conclusion
Operators and expressions are an essential part of JavaScript programming. By understanding how to use different types of operators and how to create and evaluate expressions, you’ll have the skills you need to build powerful and sophisticated web applications with JavaScript.
Exercises
To review these concepts, we will go through a series of exercises designed to test your understanding and apply what you have learned.
Use arithmetic operators to calculate the result of the following expression: (10 + 5) * 2 / 5
.
var result = (10 + 5) * 2 / 5;
// result = 15
Use comparison operators to compare the following values and assign the result to a variable: 5
and "5"
.
var result = 5 == "5";
// result = true
Use logical operators to evaluate the following expression: (true && false) || (true || false) && !false
.
var result = (true && false) || (true || false) && !false;
// result = true
Use operator precedence to evaluate the following expression: 2 + 3 * 4 - 5 / 2
.
var result = 2 + 3 * 4 - 5 / 2;
// result = 14
Use parentheses to specify the order in which operations should be performed in the following expression: 2 + 3 * 4 - 5 / 2
.
var result = (2 + 3) * 4 - (5 / 2);
// result = 20