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

जावास्क्रिप्ट JSON सरणियाँ

<घंटा/>

JSON में Arrays जावास्क्रिप्ट में Arrays के समान हैं। जावास्क्रिप्ट JSON सरणियाँ इस तरह दिखती हैं -

let obj = {
   name:'Rohan',
   sports : ['cricket','Football','volleyball','hockey']
}

जावास्क्रिप्ट में 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;
   }
   .sample {
      font-size: 18px;
      font-weight: 500;
   }
</style>
</head>
<body>
<h1>JSON arrays</h1>
<div class="sample"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above button to access JSON array
</h3>
<script>
   let sampleEle = document.querySelector(".sample");
   let obj = {
      name:'Rohan',  sports : ['cricket','Football','volleyball','hockey']
   }
   document.querySelector(".Btn").addEventListener("click", () => {
      obj.sports.forEach(item=>{
         sampleEle.innerHTML += item + '<br>';
      })
   });
</script>
</body>
</html>

आउटपुट

जावास्क्रिप्ट JSON सरणियाँ

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

जावास्क्रिप्ट JSON सरणियाँ


  1. जावास्क्रिप्ट JSON HTML

    JSON डेटा का उपयोग करके HTML उत्पन्न करने के लिए, कोड इस प्रकार है - नोट - JSONPlaceholder परीक्षण और प्रोटोटाइप के लिए एक नकली ऑनलाइन REST API है उदाहरण दस्तावेज़ बॉडी { फॉन्ट-फ़ैमिली:सेगो यूआई, ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; } .नमूना { फ़ॉन्ट-आकार:18पीएक्स; फ़ॉन्ट-वजन:500; लाल रंग; }JSON

  1. जावास्क्रिप्ट में सरणी बनाम सेट।

    सेट डेटा प्रकार को ES2015 में पेश किया गया था और सरणी और सेट के बीच का अंतर यह है कि एक सरणी में डुप्लिकेट मान हो सकते हैं, जबकि एक सेट नहीं कर सकता। तत्वों को इंडेक्स का उपयोग करके सरणी में एक्सेस किया जा सकता है जो सेट में संभव नहीं है क्योंकि यह कुंजियों का उपयोग करता है और तत्वों को केवल उसी तरह

  1. जावास्क्रिप्ट में सरणियों को कैसे कम करें?

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