JSON, JavaScript Object Notation का संक्षिप्त रूप है। यह एक जावास्क्रिप्ट ऑब्जेक्ट है जो डेटा को की/वैल्यू जोड़े में व्यवस्थित करता है। इस तरीके से डेटा स्टोर करने से ये ऑब्जेक्ट्स हल्के और भाषा-स्वतंत्र बनते हैं। इसका मतलब है कि JSON को अधिकांश प्रोग्रामिंग भाषाओं द्वारा पढ़ा जा सकता है।
JSON का उपयोग आमतौर पर सर्वर से क्लाइंट साइड तक डेटा प्राप्त करने के लिए किया जाता है क्योंकि यह हल्का है और मनुष्यों और मशीनों द्वारा आसानी से पढ़ा जा सकता है। API के उपभोग की दुनिया में, JSON सर्वर से यूजर तक केवल वांछित डेटा निकालने के लिए पर्याप्त लचीला है।
JSON का उपयोग करना
JSON ऐप के फ्रंट एंड पर सर्वर से पास किए गए डेटा को स्टोर करने का एक आसान तरीका है। अधिकांश प्रोग्रामिंग भाषाओं में डेटा को JSON में बदलने के लिए बॉक्स से बाहर मेथड्स होते हैं। जावास्क्रिप्ट फेच रिक्वेस्ट में, सर्वर से पास किया गया डेटा रिस्पॉन्स, रिक्वेस्ट पर json() मेथड को इनवोक करके JSON में बदल दिया जाता है। फेच रिक्वेस्ट के बारे में यहां और पढ़ें।
हम रिस्पॉन्स को JSON में क्यों बदलना चाहेंगे? रिस्पॉन्स वर्बोज़ है और हमें मनुष्यों के लिए समझना मुश्किल है। रिस्पॉन्स को JSON में बदलकर, हम डेटा को पढ़ने योग्य की/वैल्यू जोड़े में व्यवस्थित करते हैं। इससे हमारे द्वारा लिखे गए कोड के माध्यम से रिस्पॉन्स डेटा के साथ कुछ करने के लिए डेटा अधिक सुलभ हो जाता है।
JSON उदाहरण
सबसे पहले, आइए देखें कि JSON में बदला गया रिस्पॉन्स कैसा दिख सकता है। नीचे दिए गए उदाहरण में, हम एक API को फेच रिक्वेस्ट भेज रहे हैं जो हमें बताता है कि वर्तमान में अंतरिक्ष में कितने अंतरिक्ष यात्री हैं।
fetch('https://api.open-notify.org/astros.json') .then(response => response.json()) .then(data => console.log(data))
हमारे उद्देश्यों के लिए, हम अपने कंसोल में JSON में बदले गए रिस्पॉन्स को लॉग करेंगे।
{ "message": "success", "number": 7, "people": [ { "craft": "ISS", "name": "Sergey Ryzhikov" }, { "craft": "ISS", "name": "Kate Rubins" }, { "craft": "ISS", "name": "Sergey Kud-Sverchkov" }, { "craft": "ISS", "name": "Mike Hopkins" }, { "craft": "ISS", "name": "Victor Glover" }, { "craft": "ISS", "name": "Shannon Walker" }, { "craft": "ISS", "name": "Soichi Noguchi" } ] }
हम देख सकते हैं कि इस ऑब्जेक्ट के अंदर "message", "number", और "people" कीज़ हैं। message की एक वैल्यू की ओर इशारा करती है "success।" यह एक अच्छा संदेश है जो हमें हमारी रिक्वेस्ट की स्थिति जानने देता है।
अगला, हमारी number की वैल्यू 7 की ओर इशारा करती है। यह अंतरिक्ष में लोगों की कुल संख्या है। अंत में, हम अपनी "people" की पर पहुंचते हैं। इस की का मान एक ऐरे है। इस ऐरे के अंदर "craft" और "name" कीज़ वाले और ऑब्जेक्ट्स हैं। इन कीज़ के लिए हमारे मान स्पेसक्राफ्ट का नाम और उस पर सवार अंतरिक्ष यात्री हैं।
81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद उन्हें अपनी टेक जॉब संभावनाओं के बारे में अधिक आत्मविश्वास महसूस हुआ। आज ही बूटकैंप से मैच करवाएं।
औसत बूटकैंप ग्रेजुएट ने करियर ट्रांजिशन में छह महीने से कम समय बिताया, बूटकैंप शुरू करने से लेकर पहली नौकरी ढूंढने तक।
JSON को कई बार नेस्टेड किया जा सकता है। हमारी फेच रिक्वेस्ट के इस चरण में, रिस्पॉन्स को JSON में बदल दिया गया है और अब अगला कदम उस डेटा के साथ कुछ करना है। यहां से, हम प्रत्येक अंतरिक्ष यात्री के लिए कार्ड्स की एक पंक्ति भरने के लिए इस डेटा का उपयोग कर सकते हैं। डेटा के साथ क्या करना है यह इस बात से निर्धारित होता है कि आप अपने ऐप को क्या पूरा करना चाहते हैं।
निष्कर्ष
सारांश में, हमने सीखा कि JSON डेटा स्टोर करने के लिए उपयोग किया जाने वाला एक ऑब्जेक्ट है। आमतौर पर, वह डेटा फेच रिक्वेस्ट में रिस्पॉन्स के रूप में सर्वर से होता है। हमने यह भी सीखा कि जावास्क्रिप्ट एक json() मेथड के साथ आता है जो रिस्पॉन्स को JSON में बदल देगा।
किसी भी एप्लिकेशन के फ्रंट एंड को सर्वर से डेटा उपयोग करने के लिए, यह JSON फॉर्मेट में होना चाहिए। रिस्पॉन्स को JSON में बदलने के बाद, हम उस डेटा के आसपास कुछ भी बनाने के लिए स्वतंत्र हैं जिसे हम चाहें। फेच रिक्वेस्ट में json() मेथड पर आगे जाने के लिए, इस गाइड को देखें।
