जावास्क्रिप्ट में JSON को फॉर्मेट करना: एक व्यापक गाइड

JSON (जावास्क्रिप्ट ऑब्जेक्ट नोटेशन) एक हल्का डेटा-इंटरचेंज प्रारूप है जिसका उपयोग वेब अनुप्रयोगों में सर्वर और क्लाइंट के बीच डेटा संचारित करने के लिए अक्सर किया जाता है। कच्चे JSON डेटा, विशेष रूप से जटिल ऑब्जेक्ट्स, को पढ़ना चुनौतीपूर्ण हो सकता है। सौभाग्य से, जावास्क्रिप्ट JSON की पठनीयता और प्रबंधन को बढ़ाने के लिए अंतर्निहित विधियाँ प्रदान करता है।

विषयवस्तु की तालिका

• JSON.stringify() के साथ JSON ऑब्जेक्ट्स को स्वरूपित करना
• JSON.stringify() और JSON.parse() का उपयोग करके JSON स्ट्रिंग्स को फिर से स्वरूपित करना

JSON.stringify() के साथ JSON ऑब्जेक्ट्स को स्वरूपित करना

JSON.stringify() विधि जावास्क्रिप्ट ऑब्जेक्ट्स को JSON स्ट्रिंग्स में बदलने का प्राथमिक उपकरण है। जबकि यह डिफ़ॉल्ट रूप से कॉम्पैक्ट आउटपुट करता है, वैकल्पिक space पैरामीटर स्वरूपण को नियंत्रित करता है। यह पैरामीटर इंडेंटेशन स्तर निर्दिष्ट करता है।

इस जावास्क्रिप्ट ऑब्जेक्ट पर विचार करें:

const myDataObject = {
  name: "John Doe",
  age: 30,
  address: {
    street: "123 Main St",
    city: "Anytown",
    zip: "12345"
  },
  skills: ["JavaScript", "HTML", "CSS"]
};

इसे एक पठनीय JSON स्ट्रिंग में स्वरूपित करने के लिए, space पैरामीटर के साथ JSON.stringify() का उपयोग करें:

const formattedJson = JSON.stringify(myDataObject, null, 2); // इंडेंटेशन के लिए 2 स्पेस
console.log(formattedJson);

यह उत्पन्न करता है:

{
  "name": "John Doe",
  "age": 30,
  "address": {
    "street": "123 Main St",
    "city": "Anytown",
    "zip": "12345"
  },
  "skills": [
    "JavaScript",
    "HTML",
    "CSS"
  ]
}

JSON.stringify(myDataObject, null, 2) में 2 इंडेंटेशन को 2 स्पेस पर सेट करता है। इसे अपनी पसंद के अनुसार समायोजित करें (जैसे, 4, या टैब के लिए “t”)। null एक रिप्लेसर फ़ंक्शन के लिए एक प्लेसहोल्डर है (अधिक उन्नत स्वरूपण विकल्पों की अनुमति देता है, जिस पर अधिक उन्नत ट्यूटोरियल में चर्चा की गई है)।

JSON.stringify() और JSON.parse() का उपयोग करके JSON स्ट्रिंग्स को फिर से स्वरूपित करना

खराब स्वरूपित JSON स्ट्रिंग्स (जैसे, सिंगल-लाइन) के लिए, पुन: स्वरूपण के लिए JSON.parse() और JSON.stringify() को मिलाएँ।

एक असंगठित JSON स्ट्रिंग का उदाहरण:

const unformattedJson = '{"name":"Jane Doe","age":25,"city":"New York"}';

सबसे पहले, स्ट्रिंग को जावास्क्रिप्ट ऑब्जेक्ट में पार्स करें:

const jsonObject = JSON.parse(unformattedJson);

फिर, JSON.stringify() का उपयोग करके ऑब्जेक्ट को वापस JSON स्ट्रिंग में स्वरूपित करें:

const formattedJson = JSON.stringify(jsonObject, null, 4); // इंडेंटेशन के लिए 4 स्पेस
console.log(formattedJson);

परिणाम:

{
    "name": "Jane Doe",
    "age": 25,
    "city": "New York"
}

यह दो-चरणीय प्रक्रिया प्रभावी रूप से खराब स्वरूपित JSON को साफ करती है। अप्रत्याशित एप्लिकेशन क्रैश को रोकने के लिए हमेशा संभावित JSON.parse() त्रुटियों (try...catch ब्लॉक का उपयोग करके) को संभालें।

संक्षेप में, JSON.stringify(), JSON.parse() के साथ या बिना, जावास्क्रिप्ट में JSON डेटा को स्वरूपित करने का एक सरल तरीका प्रदान करता है, जिससे कोड की पठनीयता में काफी सुधार होता है।