Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट में JSON ऑब्जेक्ट कैसे बनाएं? उदाहरण सहित समझाइए।

<घंटा/>

जावास्क्रिप्ट में JSON ऑब्जेक्ट बनाने के लिए कोड निम्नलिखित है।

उदाहरण

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result {
      font-size: 20px;
      font-weight: 500;
   }
</style>
</head>
<body>
<h1>JSON object in JavaScript</h1>
<div class="sample"></div>
<div style="color: green;" class="result">JSON OBJECT <br></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to create a JSON object and display it
</h3>
<script>
   let resEle = document.querySelector(".result");
   let obj = {
      firstName:'Rohan',
      lastName: 'Sharma',
      Age:14,
   }
   document.querySelector(".Btn").addEventListener("click", () => {
      for(i in obj){
         resEle.innerHTML += 'key = '+i+' value = ' + obj[i] + '<br>';
      }
   });
</script>
</body>
</html>

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -

जावास्क्रिप्ट में JSON ऑब्जेक्ट कैसे बनाएं? उदाहरण सहित समझाइए।

'यहां क्लिक करें' बटन पर क्लिक करने पर -

जावास्क्रिप्ट में JSON ऑब्जेक्ट कैसे बनाएं? उदाहरण सहित समझाइए।


  1. JSON टेक्स्ट को जावास्क्रिप्ट JSON ऑब्जेक्ट में कैसे बदलें?

    JSON पार्स () विधि का उपयोग JSON टेक्स्ट को JavaScript ऑब्जेक्ट में बदलने के लिए किया जाता है। JSON टेक्स्ट को JavaScript JSON ऑब्जेक्ट में बदलने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta n

  1. जावास्क्रिप्ट में किसी वस्तु की डीप क्लोनिंग को उदाहरण सहित समझाइए।

    जावास्क्रिप्ट में किसी वस्तु की डीप क्लोनिंग के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <htmllang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>D

  1. एक बहुआयामी जावास्क्रिप्ट ऑब्जेक्ट कैसे बनाएं?

    एक बहुआयामी जावास्क्रिप्ट ऑब्जेक्ट बनाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docu