JavaScript Operators: The Basics You Need to Know

🧮 1️⃣ Arithmetic Operators

Used for mathematical calculations.

Operator	Meaning	Example	Output
➕ +	Addition	5 + 3	8
➖ -	Subtraction	5 - 3	2
✖️ *	Multiplication	5 * 3	15
➗ /	Division	6 / 2	3
📊 %	Modulus (Remainder)	7 % 2	1
⬆️ **	Exponent	2 ** 3	8

---

🔁 2️⃣ Assignment Operators

Used to assign values.

Operator	Example	Same As
=	x = 10	Assign 10
+=	x += 5	x = x + 5
-=	x -= 5	x = x - 5
*=	x *= 2	x = x * 2
/=	x /= 2	x = x / 2

---

⚖️ 3️⃣ Comparison Operators

Used to compare values (returns true / false).

Operator	Meaning	Example	Output
==	Equal (loose)	5 == "5"	true
===	Strict Equal	5 === "5"	false
!=	Not Equal	5 != 3	true
>	Greater Than	7 > 5	true
<	Less Than	7 < 5	false

---

🔗 4️⃣ Logical Operators

Used to combine conditions.

Operator	Meaning	Example	Output
&&	AND	true && false	false
`		`	OR
!	NOT	!true	false

---

❓ 5️⃣ Ternary Operator

Shortcut for if–else.

let result = age >= 18 ? "Adult" : "Minor";

🧠 Meaning:

If age ≥ 18 → "Adult"

Else → "Minor"

---

🔍 6️⃣ Type Operators

Operator	Example	Output
typeof	typeof "Hello"	"string"
instanceof	arr instanceof Array	true

---

🎯 Why Operators Matter

✔ Perform calculations

✔ Make decisions

✔ Control program logic

✔ Compare values

✔ Build real-world applications

⚖️ Difference Between == and === in JavaScript (Real-Life Examples)

🔹 Simple Rule to Remember

Operator	Name	Checks Value?	Checks Type?
==	Loose Equality	✅ Yes	❌ No (converts type)
===	Strict Equality	✅ Yes	✅ Yes

👉 == compares after converting types
👉 === compares without converting types

---

🖥️ Console Examples (Clear & Practical)

---

1️⃣ Number vs String

console.log(5 == "5");  
console.log(5 === "5");

Output:

true
false

💡 Why?

• == converts "5" → number → compares → ✅ true

• === checks type also → number vs string → ❌ false

---

2️⃣ User Age from Input Field (Real-Life Example)

In real projects (like forms you build), input values come as strings.

let age = "18";   // From input field

console.log(age == 18);
console.log(age === 18);

Output:

true
false

🧠 Real meaning:

• With == → JS auto converts → might work

• With === → safer → avoids hidden bugs

✅ Best Practice: Convert properly

let age = Number("18");
console.log(age === 18); // true

---

3️⃣ Login System Example

let savedPassword = 1234;     // Number in database
let enteredPassword = "1234"; // User input

console.log(savedPassword == enteredPassword);
console.log(savedPassword === enteredPassword);

Output:

true
false

⚠️ Using == here can be dangerous because it ignores type.

In real apps → always use:

console.log(savedPassword === Number(enteredPassword));

---

4️⃣ Boolean Example

console.log(0 == false);
console.log(0 === false);

Output:

true
false

💡 Why?

• == converts false → 0

• === sees number vs boolean → false

This is where beginners get confused.

---

🏆 Everyday Rule for Developers

✔ Always use ===

✔ Use == only if you truly understand type conversion

✔ In real projects → strict comparison avoids unexpected bugs

---

🎯 One-Line Memory Trick

== → "Adjust and Compare"

=== → "Exact Match Only"

🚀 JavaScript Operator Categories (With Examples, Uses, Pros & Cons)

📊 1️⃣ Operator Categories Table

📂 Category	🔣 Operators	🧪 Example	✅ Output	🎯 Uses	👍 Pros	👎 Cons
🧮 Arithmetic	+ - * / % **	10 % 3	1	Calculations, totals, pricing logic	Simple & fast	% & ** confuse beginners
📝 Assignment	= += -= *= /=	let x=5; x+=2	7	Update values, counters	Clean shorthand	Hard to read if overused
⚖️ Comparison	== === != > < >=	5 === "5"	false	Conditions, validations	Prevent logic errors	== can cause bugs
🔗 Logical	`&&		!`	true && false	false	Combine conditions
❓ Ternary	? :	age>=18?"Adult":"Minor"	"Adult"	Short if–else	Compact code	Hard to read if nested
🔍 Type	typeof instanceof	typeof 10	"number"	Type checking	Helps debugging	typeof null bug (object)

---

🔗 Logical Operators Truth Table (With Examples, Uses, Pros & Cons)

---

🧠 1️⃣ AND &&

A	B	A && B	🧪 Example	✅ Output
true	true	true	true && true	true
true	false	false	true && false	false
false	true	false	false && true	false
false	false	false	false && false	false

🎯 Uses: Login validation, multiple conditions required
👍 Pros: Ensures all conditions pass
👎 Cons: Can get messy with many conditions

Real-life example:
isLoggedIn && isVerified → User can access dashboard

---

🧠 2️⃣ OR ||

| A | B | A || B | 🧪 Example | ✅ Output |
|---|---|--------|------------|----------|
| true | true | true | true || true | true |
| true | false | true | true || false | true |
| false | true | true | false || true | true |
| false | false | false | false || false | false |

🎯 Uses: Default values, fallback logic
👍 Pros: Flexible condition handling
👎 Cons: Can return unexpected values if misused

Real-life example:
username || "Guest" → Sets default username

---

🧠 3️⃣ NOT !

A	!A	🧪 Example	✅ Output
true	false	!true	false
false	true	!false	true

🎯 Uses: Toggle states, reverse conditions
👍 Pros: Simple inversion
👎 Cons: Double !! can confuse beginners

Real-life example:
!isLoggedIn → Show login button

---

🎯 Quick Everyday Summary

✔ Arithmetic → Math work
✔ Assignment → Store & update values
✔ Comparison → Make decisions
✔ Logical → Combine decisions
✔ Ternary → Short if–else
✔ Type → Check data type