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

JavaScript में Array को JSON में बदलें

JSON.stringify() मेथड JavaScript एरे या ऑब्जेक्ट को JSON स्ट्रिंग में बदलता है, जो डेटा स्टोरेज, API कम्युनिकेशन, और डिबगिंग के लिए आवश्यक है।

उदाहरण

<!DOCTYPE html> <html> <head> <style> 
    body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; padding: 20px; } 
    .sample { font-size: 18px; font-weight: 500; line-height: 1.6; } 
    button { padding: 10px 20px; background: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; } 
</style> </head> <body> 
<h1>एरे को JSON में बदलना</h1> 
<button class="Btn">एरे को JSON में बदलें</button> 
<p class="sample"></p> 
<h3>ऊपर दिए गए बटन पर क्लिक करके एरे को JSON में बदलें</h3> 
<script> 
    const sampleEle = document.querySelector(".sample"); 
    const arr = [22, "A", 1, "HELLO", "J", 9, 22]; 
    sampleEle.innerHTML = "मूल एरे: " + arr + "<br>"; 
    
    document.querySelector(".Btn").addEventListener("click", () => { 
        const jsonString = JSON.stringify(arr); 
        sampleEle.innerHTML += "JSON स्ट्रिंग: " + jsonString; 
    }); 
</script> </body> </html>

आउटपुट

मूल एरे: 22,A,1,HELLO,J,9,22

JSON स्ट्रिंग: [22,"A",1,"HELLO","J",9,22]

महत्वपूर्ण बिंदु

  • JSON स्ट्रिंग में स्ट्रिंग्स डबल कोट्स में होते हैं
  • फंक्शन, undefined, और सिंबल्स को अनदेखा किया जाता है
  • सर्कुलर रेफरेंस एरर फेंकते हैं
  • दूसरे पैरामीटर (replacer) से चयनात्मक सीरियलाइज़ेशन संभव
  • तीसरे पैरामीटर (space) से प्रिटी प्रिंटिंग संभव

उन्नत उपयोग

// प्रिटी प्रिंट (इंडेंटेशन के साथ)
JSON.stringify(arr, null, 2);

// चयनात्मक प्रॉपर्टीज (replacer फंक्शन)
JSON.stringify(obj, (key, value) => {
    if (key === "password") return undefined; // संवेदनशील डेटा छुपाएं
    return value;
});

// कस्टम toJSON मेथड
const obj = {
    data: [1,2,3],
    toJSON() { return this.data; }
};
JSON.stringify(obj); // "[1,2,3]"
  1. JSON टेक्स्ट को जावास्क्रिप्ट JSON ऑब्जेक्ट में कैसे कन्वर्ट करें? JSON टेक्स्ट को जावास्क्रिप्ट JSON ऑब्जेक्ट में कैसे कन्वर्ट करें?

    परिचय JSON.parse() मेथड का उपयोग JSON टेक्स्ट (स्ट्रिंग) को जावास्क्रिप्ट ऑब्जेक्ट में परिवर्तित करने के लिए किया जाता है। यह JSON डेटा के साथ काम करने के लिए आवश्यक है जो APIs से प्राप्त होता है या स्थानीय भंडारण में संग्रहीत होता है। उदाहरण निम्न कोड JSON टेक्स्ट को जावास्क्रिप्ट JSON ऑब्जेक्ट म

  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 { &nb

  1. जावास्क्रिप्ट में Object.keys().map() बनाम Array.map() जावास्क्रिप्ट में Object.keys().map() बनाम Array.map()

    जावास्क्रिप्ट में Object.keys().map() और Array.map() दिखाने का कोड निम्नलिखित है - उदाहरण <!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>