JavaScript Object Display

JavaScript में जब हम किसी object को display करना चाहते हैं — जैसे console में print करना या HTML में दिखाना — तो हमें अलग-अलग तरीकों का उपयोग करना होता है।

इस अध्याय में आप सीखेंगे:

• Object को console में कैसे दिखाएं
• Object को HTML में कैसे दिखाएं
• Object को string में कैसे convert करें
• JSON.stringify() का उपयोग
• अभ्यास प्रश्न

---

1. console.log() से Object Display

यह सबसे basic और आसान तरीका है किसी object को inspect करने का:

let person = {
  name: "Amit",
  age: 30
};

console.log(person);

✅ DevTools (Inspect → Console) में पूरा object structured form में दिखेगा।

---

2. Object की Individual Properties Show करना

यदि आप केवल किसी specific property को दिखाना चाहते हैं:

console.log("Name:", person.name);  // Name: Amit
console.log("Age:", person.age);    // Age: 30

---

3. Object को HTML में Display करना (DOM के ज़रिए)

<p id="output"></p>

<script>
  let person = {
    name: "Ravi",
    age: 25
  };

  document.getElementById("output").innerHTML =
    "Name: " + person.name + "<br>Age: " + person.age;
</script>

आप DOM में object को HTML-friendly रूप में दिखा सकते हैं।

---

4. Object को String में Convert करना – JSON.stringify()

अगर आप पूरे object को string बनाकर display करना चाहते हैं:

let person = {
  name: "Neha",
  city: "Delhi"
};

let text = JSON.stringify(person);
console.log(text); // {"name":"Neha","city":"Delhi"}

HTML में दिखाने के लिए:

<p id="info"></p>

<script>
  let user = { name: "Anjali", age: 27 };
  document.getElementById("info").innerHTML = JSON.stringify(user);
</script>

---

5. for...in से Properties को Display करना

अगर आप सारे key-value को loop में दिखाना चाहें:

let student = {
  name: "Ravi",
  class: "10th",
  marks: 88
};

for (let key in student) {
  console.log(key + ": " + student[key]);
}

Output:

name: Ravi  
class: 10th  
marks: 88

---

ध्यान देने योग्य बातें

• JSON.stringify() object को string में बदल देता है — useful जब आप उसे भेजना या HTML में दिखाना चाहते हैं।
• Direct DOM में object assign करने से [object Object] दिखता है। इसलिए stringify() ज़रूरी है।

---

अभ्यास प्रश्न

1. JavaScript object को console में display करने के लिए कौन सा method use करते हैं?
2. HTML में किसी object को दिखाने के दो तरीके बताइए।
3. JSON.stringify() का उपयोग क्या करता है?
4. नीचे दिए गए code का output बताइए: let car = { brand: "Honda", model: "City" }; console.log("Car: " + car);
5. for...in loop से object को कैसे display करेंगे? एक उदाहरण दीजिए।