JavaScript Data Types & Type Coercion

1. Simple Definition

JavaScript me store hone wali har value ki ek specific Data Type hoti hai. JavaScript ek dynamically typed language hai, jiska matlab hai ki hume variable ka type manually declare nahi karna padta (jaise C ya Java me int x likhte the). JavaScript values do categories me aati hain: 7 Primitives aur Reference (Objects).

2. Real-Life Analogy

3. Why Do We Need It?

Computer ko pata hona chahiye ki do values ke sath kya action karna hai. Agar aap 2 + 2 karte hain toh 4 hona chahiye, lekin agar "2" + "2" karte hain toh "22" text judna chahiye.

4. The 7 Primitive Types & Reference Type

// 1. String
const name = "Pooja";

// 2. Number (Integers & Decimals both are Number!)
const age = 22;
const rating = 4.8;

// 3. Boolean
const isLoggedIn = true;

// 4. Undefined (Declared but no value assigned yet)
let userLocation; // Value is undefined

// 5. Null (Explicitly empty)
const selectedProduct = null;

// 6. BigInt (Large numbers beyond 2^53 - 1)
const hugeNumber = 9007199254740991n;

// 7. Symbol (Unique identifier)
const uniqueKey = Symbol("id");

// 8. Reference Type: Object (Arrays & Functions are also Objects!)
const userProfile = { name: "Amit", age: 24 };
const skills = ["HTML", "CSS", "JS"];

5. Basic Example: typeof Operator

console.log(typeof "Hello");     // "string"
console.log(typeof 100);         // "number"
console.log(typeof true);        // "boolean"
console.log(typeof undefined);   // "undefined"
console.log(typeof null);        // "object" ⚠️ (JS historic bug!)
console.log(typeof [1, 2, 3]);   // "object"
console.log(typeof function(){});// "function"

6. Output / Expected Result

7. Code Explanation: Primitive vs Reference in Memory

• Primitives (Immutable): Stack memory me direct value store hoti hai. Value copy karne par ek independent nayi copy banti hai.
• Reference Types (Mutable): Heap memory me data store hota hai aur variable ke paas sirf uska address (reference) hota hai. Ek jagah badalne par doosri jagah bhi badal jata hai!

8. Real-World Example

Authentication me: Jab user ne profile photo upload nahi ki hoti, toh database se avatar = null; aata hai, jisse UI me default fallback avatar render hota hai.

9. Common Mistakes

10. Best Practices

• Array check karne ke liye typeof arr (jo "object" deta hai) ke badle Array.isArray(arr) use karein.
• Missing value set karne ke liye undefined manually likhne ke badle null use karein.

11. Try It Yourself

Playground me console.log(typeof NaN); likhein aur dekhein ki NaN ka type kya aata hai!

12. Challenge

Ek variable banayein jisme user ka roll number string me ho ("101") aur use Number conversion se actual number banayein (Number("101")).

13. Interview Questions

14. Quick Revision

• 7 Primitives: string, number, boolean, null, undefined, bigint, symbol.
• Primitives copy by value; Objects copy by reference.
• Array.isArray(val) checks arrays accurately.

15. FAQ

JavaScript Data Types & Type Coercion

1. Simple Definition

JavaScript is a dynamically typed programming language where variables can hold values of various Data Types without explicit type declarations. JavaScript values are categorized into 7 Primitive Types (stored directly by value) and Reference Types (stored in heap memory by reference).

2. Real-Life Analogy

3. The 7 Primitive Data Types

4. The typeof Operator (And Its Famous Bug)

typeof 42;          // "number"
typeof "Alex";      // "string"
typeof true;        // "boolean"
typeof undefined;   // "undefined"
typeof Symbol();    // "symbol"

// ⚠️ Famous 1995 JavaScript Bug:
typeof null;        // "object" (Legacy engine bug preserved for web compatibility)

5. Implicit Type Coercion

// String concatenation wins with the + operator:
console.log("5" + 2); // "52" (String)

// Mathematical operations convert strings to numbers:
console.log("5" - 2); // 3 (Number)
console.log("5" * "2"); // 10 (Number)
console.log("hello" - 2); // NaN (Not a Number)

6. Common Mistakes

7. Best Practices

• Use strict explicit type conversion (e.g. Number(input) or String(num)).
• Never rely on implicit type coercion for critical business calculations.
• Distinguish null (explicitly cleared by developer) from undefined (unassigned by engine).

8. Practice Exercise

9. Interview Questions

10. Summary / Cheat Card

• 7 Primitives: string, number, boolean, undefined, null, symbol, bigint.
• Primitives are passed by value; Objects are passed by reference.
• typeof null === "object" is a documented legacy quirk.

11. FAQ