JSON सुंदरक - JSON Formatter

जटिल JSON को सुंदर और पठनीय बनाएं! ब्राउज़र में बिना सेटअप, कोड डिबगिंग और लर्निंग के लिए परफेक्ट. Online एक्सेस करें!

टैग्स: beautify code json

🚀 180,435 कुल रूपांतरण (62 इस महीने)

🔥 दूसरे डेवलपर्स क्या सीख रहे हैं? अभी जानें

Loading...

परिचय

यह ऑनलाइन JSON ब्यूटीफायर आपको असंरचित JSON को एक साफ, पठनीय लेआउट में प्रारूपित करने में मदद करता है। प्रिटी डिफ ब्यूटीफायर द्वारा संचालित, यह आपको बेहतर विज़ुअलाइज़ेशन के लिए परिणामों को कोड दृश्य या ट्री दृश्य में देखने की अनुमति देता है।

इस टूल का उपयोग कैसे करें

शुरू करने के लिए, बस अपने JSON कोड को सीधे संपादक में पेस्ट करें या **अपलोड** बटन का उपयोग करके JSON फ़ाइल अपलोड करें। एक बार ब्यूटीफिकेशन प्रक्रिया पूरी हो जाने के बाद, आप स्वरूपित JSON को डाउनलोड कर सकते हैं, इसे सहेज सकते हैं, या एक अद्वितीय लिंक का उपयोग करके दूसरों के साथ साझा कर सकते हैं। Google या GitHub के साथ साइन इन करने से आप भविष्य में उपयोग के लिए परिणामों को अपने खाते में सहेज सकते हैं।

JSON क्या है?

JSON (जावास्क्रिप्ट ऑब्जेक्ट नोटेशन) एक हल्का, ओपन-स्टैंडर्ड डेटा फॉर्मेट है जो एट्रिब्यूट-वैल्यू जोड़े और ऐरे से बने डेटा ऑब्जेक्ट्स को दर्शाने के लिए मानव-पठनीय टेक्स्ट का उपयोग करता है। यह डेटा इंटरचेंज के लिए व्यापक रूप से उपयोग किया जाता है, विशेष रूप से AJAX सिस्टम में XML के सरल विकल्प के रूप में।

JSON की लोकप्रियता इसकी सरलता और बहुमुखी प्रतिभा से आती है, जो इसे API, कॉन्फ़िगरेशन फ़ाइलों और अन्य डेटा-साझाकरण कार्यों के लिए एक पसंदीदा प्रारूप बनाती है। अधिक जानें

JSON सिंटैक्स

JSON दो मुख्य संरचनाओं को परिभाषित करता है: ऑब्जेक्ट्स और ऐरे।

  • **ऑब्जेक्ट्स**: नाम-मूल्य जोड़े का संग्रह जो कर्ली ब्रेसेस `{}` में संलग्न होता है।
  • **ऐरे**: मूल्यों की सूची जो स्क्वायर ब्रैकेट्स `[]` में संलग्न होती है।

JSON सात डेटा प्रकारों का समर्थन करता है: स्ट्रिंग, नंबर, ऑब्जेक्ट, ऐरे, `true`, `false`, और `null`। नीचे नाम-मूल्य जोड़े वाले JSON ऑब्जेक्ट का एक उदाहरण है। "phoneNumbers" कुंजी दो ऑब्जेक्ट्स का एक ऐरे रखती है:

      
{
  "firstName": "Duke",
  "lastName": "Java",
  "age": 18,
  "streetAddress": "100 Internet Dr",
  "city": "JavaTown",
  "state": "JA",
  "postalCode": "12345",
  "phoneNumbers": [
    {
      "Mobile": "111-111-1111"
    }, {
      "Home": "222-222-2222"
    }
  ]
}
      
    

उदाहरण

असौंदर्यीकृत:

      
{"colors":[{"color":"black","category":"hue","type":"primary","code":{"rgba":[255,255,255,1],"hex":"#000"}},{"color":"white","category":"value","code":{"rgba":[0,0,0,1],"hex":"#FFF"}}]}
      
    

सौंदर्यीकरण के बाद:

      
{
  "colors": [
    {
      "color": "black",
      "category": "hue",
      "type": "primary",
      "code": {
        "rgba": [
          255, 255, 255, 1
        ],
        "hex": "#000"
      }
    }, {
      "color": "white",
      "category": "value",
      "code": {
        "rgba": [
          0, 0, 0, 1
        ],
        "hex": "#FFF"
      }
    }
  ]
}