In the world of programming, if variables are the nouns and functions are the sentences, then operators are the verbs.
They are the symbols that trigger action, transforming raw data into meaningful results.
Operators
Operators are for Mathematical and Logical Computations.
Whether you are working in JavaScript, C++, Python, or Java, the symbols and works of most operators remains remarkably consistent.
There are different types of JavaScript operators:
Arithmetic Operators
Assignment Operators
Comparison Operators
Logical Operators
Ternary Operators
Arithmetic Operators
If you are here, then I am sure you have done calculations like finding the sum of two numbers or converting a CTC to a monthly salary. In those moments, you were already using arithmetic operators.
So, Arithmetic operators are used to perform mathematical operations on numbers. They are generally used to perform addition, subtraction, multiplication, division, modulo, and exponential operations.
Operator | Name | Example | Result |
+
| Addition | 10 + 5
| 15
|
-
| Subtraction | 10 - 5
| 5
|
*
| Multiplication | 10 * 5
| 50
|
/
| Division | 10 / 4
| 2.5
|
%
| Modulus | 10 % 3
| 1 (remainder)
|
**
| Exponentiation | 2 ** 3 (cube of 2)
| 8
|
Assignment Operators
Assignment operators are used to assign values to variables.
Basic Assignment (Equal to =)
The most common operator. It takes the value on the right and puts it into the variable on the left.
Compound Assignment
As a developer, you will often want to change a value that is already there like adding some value to a score in a game. Instead of writing a long statements, we use shortcuts.
Commonly used Compound Assignment:
Operator | Name | Example | Equivalent to |
+=
| Addition Assignment | x += 5
| x = x + 5
|
-=
| Subtraction Assignment | x -= 2
| x = x - 2
|
*=
| Multiplication Assignment | x *= 3
| x = x * 3
|
/=
| Division Assignment | x /= 2
| x = x / 2
|
%=
| Modulus Assignment | x %= 3
| x = x % 3
|
Advance Compound Assignments:
Operator | Name | What it does | Code Example | Equivalent to... |
&&=
| Logical AND Assignment | Only assign if the variable is already true (or has a value) | x &&= 10
| if (x) { x = 10 }
|
||=
| Logical OR Assignment | Only assign if the variable is falsy. | x ||= 10
| x || (x = 10) |
??=
| Nullish Coalescing Assignment | Only assign if the variable is null or undefined. | x ??= 5
| if (x == null) { x = 5 }
|
Comparison Operators
These compare two values and return a Boolean (true or false). They are the backbone of decision-making in code.
In JavaScript, we have two ways to check if things are equal.
Loose Equality (==):
It is like comparing a 5 (text) to a 5 (number).
JS says "same same!" and calls it true.
Strict Equality (===):
This is much stricter.
It asks, "Are the values the same and are the types the same?"
Under this rule, a "5" (text) is NOT the same as a 5 (number).
JS says "same same but different!"
Operator | Name | What it does | Example | Result |
==
| Equal to | true if values are same (ignores type).
| 5 == "5"
| true
|
===
| Strict Equal | true if values and types are same.
| 5 === "5"
| false
|
!=
| Not Equal | true if values are different (ignores type).
| 5 != "5"
| false
|
!==
| Strict Not Equal | true if values or types are different.
| 5 !== "5"
| true
|
>
| Greater Than | true if left side is bigger.
| 10 > 5
| true
|
<
| Less Than | true if left side is smaller.
| 3 < 8
| true
|
>=
| Greater or Equal | true if bigger or exactly the same.
| 5 >= 5
| true
|
<=
| Less or Equal | true if smaller or exactly the same.
| 4 <= 2
| false
|
Logical Operators
Logical operators allow you to build complex logic by combining multiple "True/False" comparisons together.
AND (&&)
It only returns true if every single condition being checked is true. If even one part is false, the whole thing fails.
Example:
To enter a high-security building, you must have both your ID card AND your fingerprint scanned. If either is missing, you stay outside.
You can write it like, if (idCard && fingerPrintSuccess) { ... }
OR (||)
It returns true if at least one of the conditions is true. It only fails if everything is false.
Example:
To pay for a coffee, you can use either your UPI or pay cash. As long as you have one, you get your coffee.
You can write it like, if (cash || upi) { ... }
NOT (!)
The NOT operator is a "reverser." It takes a value and flips it to the opposite state.
Example:
I don't love you.
You can write it like, if (!love) { ... }
Logical Truth Table
This table shows how the computer processes these combinations.
AND (&&)
| A |
B |
A AND B |
| true |
true |
true |
| true |
false |
false |
| false |
true |
false |
| false |
false |
false |
OR (||)
| A |
B |
A OR B |
| true |
true |
true |
| true |
false |
true |
| false |
true |
true |
| false |
false |
false |
NOT (!)
| A |
!A |
| true |
false |
| false |
true |
Short-Circuit Evaluation
In an && operation, if the first part is false, the computer stops immediately because it knows the whole thing can never be true.
In an || operation, if the first part is true, it stops because it knows the whole thing is already true.
This is incredibly useful for preventing errors. For example: if (user && user.name) The computer checks if user exists first. If it doesn't, it stops before trying to read user.name, preventing your app from crashing!
Operand
The values used by an operator are known as operands.
Ternary Operator (? :)
The ternary operator is a short form of if...else. Since this operator requires three operands, it is known as a ternary operator.
syntax
condition ? valueIfTrue : valueIfFalse
Example
// With Ternarily operator
let age = 18;
let result = age >= 18 ? "Adult" : "Minor";
// Equivalent to
let result;
if (age >= 18) {
result = "Adult";
} else {
result = "Minor";
}
Nested Ternary statement
let score = 85;
let grade =
score >= 90 ? "A" :
score >= 75 ? "B" :
score >= 50 ? "C" :
"Fail";
As this operators require 3 operand so known as ternary operator.
Binary Operators
If an operator has two operands, it is known as a binary operator. Arithmetic, Comparison, Logical, and Assignment operators are examples of binary operators.
Unary Operators
If an operator has one operand, it is known as a unary operator.
Examples,
Logical Negation (!): Flips a true value to false or vice versa (e.g., !isTrue).
Increment/Decrement (++, --): Adds or subtracts one from a variable (e.g., i++).
Unary Plus/Minus (+, -): Indicates a positive or negative number (e.g., -5).
Precedence
Whether you were the topper of your class or a backbencher, you probably wondered at some point if the order of things really mattered. In life, maybe not always but in programming, order is everything.
Let’s start with a simple question.
What will this return?
console.log(10 + 5 * 2);
Take a second. Is it 30 or 20?
If you guessed 30, you’re thinking left to right:
(10 + 5) * 2 = 30
But JavaScript doesn’t think that way.
The actual answer is:
10 + (5 * 2) = 20
Why? Because multiplication has higher precedence than addition.
Why Operator Precedence Matters
Operator precedence decides the order in which operations are executed in an expression.
If you don’t understand it:
Now imagine this:
console.log(true || false && false);
What’s the result?
Many developers assume it evaluates left to right:
(true || false) && false
But that’s not how JavaScript evaluates it.
Logical AND (&&) has higher precedence than Logical OR (||).
So it actually becomes:
true || (false && false)
true || false
true
Subtle difference. Big impact.
The Rule of Thumb
JavaScript follows a predefined priority system called operator precedence.
And whenever you’re unsure use parentheses () to make your intention explicit.
console.log((10 + 5) * 2); // 30
Clear. Predictable. Safe.
Keep experimenting, keep breaking things, and most importantly, keep coding. The more you use these operators, the more natural they will feel in your daily development journey.
"In programming, the hard part isn't solving problems, but deciding what problems to solve."
— Paul Graham
Let's Connect! 🚀
I’m currently deep-diving into the JavaScript, building projects and exploring the internals of the web. If you're on a similar journey or just love talking about JavaScript, let’s stay in touch!
Keep coding and keep building.
