JavaScript Operators & Strict Equality (===)

1. Simple Definition

Operators wo special symbols hote hain jo values (operands) par mathematical calculations, comparison checks ya logical decisions perform karte hain. Jaise math me plus (+) aur minus (-) hota hai. Modern JavaScript me Strict Equality (===) aur Nullish Coalescing (??) sabse zaroori operators hain.

2. Real-Life Analogy

3. Why Do We Need It?

Form validation, pricing discount calculations, user permissions check ("Kya user admin hai AND logged in hai?"), aur default settings provide karne ke liye operators foundational hain.

4. Syntax & Operator Categories

// 1. Arithmetic (+, -, *, /, %, **)
const sum = 10 + 5;
const power = 2 ** 3; // 2 raised to 3 = 8
const remainder = 10 % 3; // 1

// 2. Comparison (===, !==, >, <, >=, <=)
console.log(5 === "5"); // false (Strict Equality)
console.log(5 == "5");  // true  (Loose Equality - Bug Prone!)

// 3. Logical Operators (&& AND, || OR, ! NOT)
const canDrive = userAge >= 18 && hasLicense;

// 4. Ternary Operator (condition ? ifTrue : ifFalse)
const status = isLoggedIn ? "Welcome Back!" : "Please Log In";

// 5. Nullish Coalescing (??) - Fallback for null/undefined only
const userSpeed = customSpeed ?? 60; // Agar customSpeed 0 ho, tab bhi 0 rahegi!

5. Basic Example (Strict Equality Trap)

console.log(0 == false);   // true  (Type coercion convert kar deta hai)
console.log(0 === false);  // false (Number vs Boolean)

console.log("" == false);  // true
console.log("" === false); // false

console.log(null == undefined);  // true
console.log(null === undefined); // false

6. Output / Expected Result

7. Code Explanation

• === (Strict Equality): Dono sides ka Data Type aur Value dono check karta hai bina convert kiye. Hamesha yehi use karein!
• && (Logical AND): Jab dono conditions true hon tabhi true hota hai.
• || (Logical OR): Agar koi ek bhi condition true ho toh true ho jata hai.
• ?? (Nullish Coalescing): Right side value sirf tab deta hai jab left side strictly null ya undefined ho (0 ya "" ko falsy nahi maanta).

8. Real-World Example: Discount Calculation

const orderValue = 1200;
const isFirstOrder = true;

// 10% discount if order > 1000 OR first time user
const getsDiscount = orderValue > 1000 || isFirstOrder;
const discountAmount = getsDiscount ? orderValue * 0.1 : 0;
console.log("Discount Given: ₹", discountAmount);

9. Common Mistakes

10. Best Practices

• Apne linter aur team rules me == aur != ko ban karein; hamesha === aur !== use karein.
• Complex conditions me clarity ke liye parentheses (a && b) || c use karein.

11. Try It Yourself

Playground me console.log(5 + "5" - 2); likhkar output guess karein aur run karke verify karein.

12. Challenge

Ek Movie Ticket Age Gate banayein: const age = 15;. Ternary operator se print karein: agar age >= 18 ho toh "Adult Ticket" warna "Child Ticket".

13. Interview Questions

14. Quick Revision

• Use === and !== always.
• ?? for clean defaults without falsy 0 traps.
• Ternary condition ? true : false is clean for inline decisions.

15. FAQ

JavaScript Operators & Strict Equality (===)

1. Simple Definition

Operators are mathematical and logical symbols in JavaScript that perform operations on operands (variables and values). The most crucial distinction in JavaScript comparisons is Loose Equality (==) versus Strict Equality (===).

2. Real-Life Analogy

3. Strict Equality (===) vs Loose Equality (==)

4. Modern JavaScript Operators

// 1. Nullish Coalescing (??): Returns right-hand side ONLY if left is null or undefined
const userScore = 0;
const finalScore = userScore ?? 100; // Returns 0 (0 is valid, not null!)
const badScore = userScore || 100;   // Returns 100 (because 0 is falsy!)

// 2. Optional Chaining (?.): Prevents crashes when accessing nested properties
const user = { profile: { name: "Aarav" } };
console.log(user?.profile?.name);      // "Aarav"
console.log(user?.address?.street);    // undefined (No crash!)

// 3. Ternary Operator (condition ? expr1 : expr2)
const statusMessage = isLoggedIn ? "Welcome back!" : "Please log in";

5. Common Mistakes

6. Best Practices

• Rule: Always use === and !==. Never use == or !=.
• Use ?. (optional chaining) before accessing deeply nested API response objects.
• Use ?? (nullish coalescing) for robust default values.

7. Practice Exercise

8. Interview Questions

9. Summary / Cheat Card

• Always use === (checks value AND type).
• ?? considers only null and undefined as missing.
• ?. safely prevents "Cannot read property of undefined" crashes.

10. FAQ