इस ट्यूटोरियल में, आप JSON के बारे में जानेंगे और उदाहरणों की मदद से JSON के साथ जावास्क्रिप्ट का उपयोग कैसे किया जाता है।
JSON जावास्क्रिप्ट ऑब्जेक्ट नोटेशन के लिए खड़ा है। JSON एक टेक्स्ट-आधारित डेटा प्रारूप है जिसका उपयोग डेटा को संग्रहीत और स्थानांतरित करने के लिए किया जाता है। उदाहरण के लिए,
// JSON syntax ( "name": "John", "age": 22, "gender": "male", )
JSON में, डेटा कुंजी / मान जोड़े में अल्पविराम द्वारा अलग किया जाता है ,।
JSON जावास्क्रिप्ट से प्राप्त किया गया था। तो, JSON सिंटैक्स जावास्क्रिप्ट ऑब्जेक्ट शाब्दिक सिंटैक्स जैसा दिखता है। हालाँकि, JSON प्रारूप को एक्सेस किया जा सकता है और अन्य प्रोग्रामिंग भाषाओं द्वारा भी बनाया जा सकता है।
नोट : जावास्क्रिप्ट ऑब्जेक्ट्स और JSON समान नहीं हैं। आप इस ट्यूटोरियल में बाद में उनके अंतरों के बारे में जानेंगे।
JSON डेटा
JSON डेटा में जावास्क्रिप्ट ऑब्जेक्ट गुणों के समान कुंजी / मान जोड़े होते हैं। कुंजी और मान एक कोलन द्वारा अलग किए गए दोहरे उद्धरणों में लिखे गए हैं :। उदाहरण के लिए,
// JSON data "name": "John"
नोट : JSON डेटा को कुंजी के लिए दोहरे उद्धरण चिह्नों की आवश्यकता होती है।
JSON ऑब्जेक्ट
JSON ऑब्जेक्ट घुंघराले ब्रेसिज़ के अंदर लिखा गया है ( )। JSON ऑब्जेक्ट में कई कुंजी / मान जोड़े हो सकते हैं । उदाहरण के लिए,
// JSON object ( "name": "John", "age": 22 )
जोंस ऐरे
JSON सरणी को चौकोर कोष्ठक के अंदर लिखा गया है ( )। उदाहरण के लिए,
// JSON array ( "apple", "mango", "banana") // JSON array containing objects ( ( "name": "John", "age": 22 ), ( "name": "Peter", "age": 20 ). ( "name": "Mark", "age": 23 ) )
नोट : JSON डेटा में ऑब्जेक्ट और सरणियाँ हो सकती हैं। हालाँकि, जावास्क्रिप्ट ऑब्जेक्ट्स के विपरीत, JSON डेटा में मान के रूप में फ़ंक्शन नहीं हो सकते हैं।
JSON डेटा तक पहुँचना
आप डॉट नोटेशन का उपयोग करके JSON डेटा तक पहुँच सकते हैं। उदाहरण के लिए,
// JSON object const data = ( "name": "John", "age": 22, "hobby": ( "reading" : true, "gaming" : false, "sport" : "football" ), "class" : ("JavaScript", "HTML", "CSS") ) // accessing JSON object console.log(data.name); // John console.log(data.hobby); // ( gaming: false, reading: true, sport: "football") console.log(data.hobby.sport); // football console.log(data.class(1)); // HTML
हम .JSON डेटा तक पहुंचने के लिए नोटेशन का उपयोग करते हैं। इसका सिंटैक्स है:variableName.key
()JSON डेटा तक पहुंचने के लिए आप वर्ग ब्रैकेट सिंटैक्स का भी उपयोग कर सकते हैं । उदाहरण के लिए,
// JSON object const data = ( "name": "John", "age": 22 ) // accessing JSON object console.log(data("name")); // John
जावास्क्रिप्ट वस्तुओं वी.एस. जोंस
हालांकि JSON का सिंटैक्स जावास्क्रिप्ट ऑब्जेक्ट के समान है, JSON जावास्क्रिप्ट ऑब्जेक्ट्स से अलग है।
| JSON | जावास्क्रिप्ट वस्तु |
|---|---|
| की / वैल्यू पेयर की कुंजी डबल कोट्स में होनी चाहिए। | की / वैल्यू पेयर की कुंजी डबल कोट्स के बिना हो सकती है। |
| JSON में फ़ंक्शंस नहीं हो सकते। | जावास्क्रिप्ट ऑब्जेक्ट्स में फ़ंक्शंस हो सकते हैं। |
| JSON को अन्य प्रोग्रामिंग भाषाओं द्वारा बनाया और उपयोग किया जा सकता है। | जावास्क्रिप्ट वस्तुओं का उपयोग केवल जावास्क्रिप्ट में किया जा सकता है। |
JSON को जावास्क्रिप्ट ऑब्जेक्ट में परिवर्तित करना
आप JSON डेटा को अंतर्निहित JSON.parse()फ़ंक्शन का उपयोग करके जावास्क्रिप्ट ऑब्जेक्ट में बदल सकते हैं । उदाहरण के लिए,
// json object const jsonData = '( "name": "John", "age": 22 )'; // converting to JavaScript object const obj = JSON.parse(jsonData); // accessing the data console.log(obj.name); // John
जावास्क्रिप्ट ऑब्जेक्ट को JSON में परिवर्तित करना
आप जावास्क्रिप्ट ऑब्जेक्ट को JSON प्रारूप में जावास्क्रिप्ट निर्मित JSON.stringify()फ़ंक्शन का उपयोग करके भी परिवर्तित कर सकते हैं । उदाहरण के लिए,
// JavaScript object const jsonData = ( "name": "John", "age": 22 ); // converting to JSON const obj = JSON.stringify(jsonData); // accessing the data console.log(obj); // "("name":"John","age":22)"
JSON का उपयोग
JSON सर्वर से क्लाइंट (डेटा इंटरचेंज) को क्लाइंट और इसके विपरीत डेटा ट्रांसमिट करने के लिए सबसे अधिक इस्तेमाल किया जाने वाला प्रारूप है। JSON डेटा को पार्स और उपयोग करना बहुत आसान है। यह JSON डेटा तक पहुंचने और हेरफेर करने के लिए तेज़ है क्योंकि वे केवल ग्रंथ हैं।
JSON भाषा स्वतंत्र है। आप JSON को अन्य प्रोग्रामिंग भाषाओं में भी बना और उपयोग कर सकते हैं।
