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

JavaScript JSON Arrays

JSON में Arrays, JavaScript में Arrays के समान होते हैं। JavaScript JSON arrays इस तरह दिखते हैं:

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

JavaScript में JSON arrays के लिए कोड:

उदाहरण

<!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>

आउटपुट

JavaScript JSON Arrays

'CLICK HERE' बटन पर क्लिक करने पर:

JavaScript JSON Arrays

  1. JavaScript JSON HTML JavaScript JSON HTML

    JSON डेटा का उपयोग करके HTML जनरेट करने के लिए, निम्न कोड का उपयोग करें: नोट - JSONPlaceholder टेस्टिंग और प्रोटोटाइपिंग के लिए एक फेक ऑनलाइन REST API है। उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport&

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

    Set डेटा टाइप को 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</title> <style>    body