यस ट्यूटोरियलमा, हामी JSON को बारे मा जान्न लागेका छौं। हामी JSON संरचना, विभिन्न डाटा प्रकार र जाभास्क्रिप्ट भित्र JSON कसरी प्रयोग गर्ने भनेर कभर गर्नेछौं।
JSON एक महत्त्वपूर्ण अवधारणा हो जुन तपाइँ प्रोग्रामरको रूपमा वा QA को रूपमा सिक्न सक्नुहुन्छ।
तपाइँको प्रोग्रामिंग क्यारियर भर मा तपाइँ JSON को उपयोग को लागी जाँदैहुन्छ कि यो एक API बनाउने छ, एक API खपत गर्दै छ, वा तपाइँको अनुप्रयोगको लागि कन्फिग फाइलहरू सिर्जना गर्दछ।
JSON जुन जाभास्क्रिप्ट वस्तु नोटेसनको लागि खडा हुन्छ, केवल डेटा प्रतिनिधित्व ढाँचा हो जुन XML वा YAML सँग मिल्दोजुल्दो छ।
यो लगभग प्रत्येक एकल एपीआई को लागी इन्टरनेट मा व्यापक प्रयोग गरीन्छ, त्यस्तै कन्फिगर फाइल र चीजहरु जस्तै खेल र पाठ सम्पादकहरूको लागि।
JSON को एक उदाहरण:
#user.json {
'name': 'Steve',
'age': 43,
'isProgrammer' true,
'hobbies': ['Reading Java books', 'cooking', 'classic music'],
'friends': [{
'name': 'joey',
'age': 39,
'isProgrammer': false,
'friends': [...]
}] }
हामी JSON प्रयोग गर्छौं किनकि यो साना फाईल आकारको कारणले HTTP अनुरोध र प्रतिक्रियाहरूमा फर्काउन पठाउन अत्यन्त हल्का छ।
यो पढ्न सजिलो छ XML जस्तै केहि संग तुलना गर्न को लागी यो धेरै सफा छ र त्यहाँ धेरै खुला र बन्द ट्याग को बारे मा चिन्ता छैन।
JSON ले जाभास्क्रिप्टको साथ धेरै राम्रोसँग एकीकृत गर्दछ किनकि JSON जाभास्क्रिप्टको केवल एक उपसेट छ, जसको अर्थ तपाइँ JSON मा लेख्नुहुने कुनै पनि कुरा मान्य जाभास्क्रिप्ट हो।
लगभग सबै एकल प्रमुख भाषासँग पुस्तकालयको केही रूप वा निर्मित प्रकार्य हुन्छन् JSON तारलाई त्यस भाषामा वस्तु वा वर्गहरूमा पार्स गर्न।
यसले JSON डाटाको साथ काम गर्दैमा एक प्रोग्रामिंग भाषाको भित्र अत्यन्त सजिलो हुन्छ।
अब हामी बुझ्छौं कि JSON के हो र किन यो महत्त्वपूर्ण छ, यसमा सिन्ट्याक्सको केहि डेटामा डुबौं र डाटा प्रकारहरू जुन JSON ले प्रतिनिधित्व गर्न सक्दछन्।
जस्तो कि हामीलाई थाहा छ JSON डाटा प्रतिनिधित्व ढाँचा हो त्यसैले हामी यसको भित्र केही डाटा प्रकारहरू प्रतिनिधित्व गर्न सक्षम हुनु आवश्यक छ।
JSON नेटिभली समर्थन गर्दछ:
हामी फाईलको भित्र जेसन कसरी प्रयोग गर्ने भन्नेको उदाहरणमा डुबुल्की लिनुहोस्।
पहिलो कुरा तपाईले गर्नु पर्छ | _ _ _ _ | का साथ एक फाईल सिर्जना गर्नु यसको अन्तमा विस्तार।
हामी एक | _ _ _ _ | सिर्जना गर्न जाँदैछौं JSON को रूपमा प्रतिनिधित्व गरिएको एक प्रयोगकर्ता वस्तुको साथ फाइल।
वस्तु सिर्जना गर्न हामीले खोल्ने र बन्द कर्ली ब्रेसेस .json
प्रयोग गर्नु पर्छ र त्यस पछि हामी सबै कुञ्जी मूल्य जोडी राख्छौं जुन हाम्रो वस्तु बनाउँदछन्।
JSON भित्र प्रत्येक सम्पत्ती एक कुञ्जी मूल्य जोडी हो। कुञ्जी डबल user.json
द्वारा घेरिएको हुनुपर्दछ कोलोन अनुगमन उद्धरण {}
र त्यस कुञ्जीको लागि मान।
यदि हामीसँग बहु कुञ्जी मान जोडी छ भने, हामीलाई अल्पविराम ''
चाहिन्छ हाम्रो प्रत्येक कुञ्जी मूल्य जोडीहरूलाई अलग गर्दै, हामी कसरी सामान्य प्रोग्रामि language भाषामा एर्रे सिर्जना गर्ने समान।
:
माथिको उदाहरणमा, हामीसंग एक भनिन्छ | _ _ + _ | फाईल भित्र हामीसँग फरक डाटा प्रकारहरू छन्।
कुञ्जीहरू सँधै डबल उद्धरणले घेरेको हुन्छ। मानहरूको लागि, केवल स्ट्रि type प्रकार डबल उद्धरणले घेरिएको हुन्छ।
उदाहरणमा:
,
हो#user.json {
'name': 'Steve',
'age': 43,
'isProgrammer' true,
'hobbies': ['Reading Java books', 'cooking', 'classic music'],
'friends': [{
'name': 'joey',
'age': 39,
'isProgrammer': false,
'friends': [...]
}] }
होuser.json
string
होinteger
होमानौं हामीसँग JSON फाईल छ boolean
जुन कम्पनी वस्तुहरूको एरे हो:
Array
माथिको उदाहरणमा, हामीसँग JSON एर्रे भित्र दुई कम्पनी वस्तुहरू छन्।
अब हामी जाभास्क्रिप्ट भित्र JSON माथी कसरी प्रयोग गर्न सक्छौं हेरौं।
धेरै जसो परिदृश्यहरूमा, हामी JSON वस्तुको सट्टा JSON वस्तु पाउँछौं। यसको अनुकरण गर्न, हामी माथिको JSON लाई जाभास्क्रिप्ट भित्र स्ट्रिंगको रूपमा प्रतिनिधित्व गर्दछौं।
हाम्रो html फाईल यस्तो देखिन्छ:
Array of Objects
जब हामी क्रोम विकासकर्ता उपकरणमा कन्सोल लग निरीक्षण गर्दछौं, आउटपुट तल देखाइएको जस्तो छ:
त्यसो भए हामी माथिको JSON पार्स गर्न सक्दछौं निर्दिष्ट गरेर हामी के निकाल्न चाहन्छौं। उदाहरण को लागी, यदि हामी एर्रे मा पहिलो कम्पनी को नाम प्राप्त गर्न चाहन्थ्यौं भने:
companies.json
त्यस्तै, दोस्रो कम्पनीको रेटिंग प्राप्त गर्न हामी प्रयोग गर्दछौं।
[
{
'name': 'Big corporate',
'numberOfEmployees': 1000,
'ceo': 'Neil',
'rating': 3.6
},
{
'name': 'Small startup',
'numberOfEmployees': 10,
'ceo': null,
'rating': 4.3
} ]
अब मानौं कि हामीसँग जाभास्क्रिप्ट वस्तु छ जसरी तल देखाइएको छ:
JSON Example
let companies =
`[
{
'name': 'Big corporate',
'numberOfEmployees': 1000,
'ceo': 'Neil',
'rating': 3.6
},
{
'name': 'Small startup',
'numberOfEmployees': 10,
'ceo': null,
'rating': 4.3
}
]`
console.log(JSON.parse(companies))
व्यक्ति जाभास्क्रिप्ट वस्तु JSON मा रूपान्तरण गर्न हामी प्रयोग गर्छौं console.log(JSON.parse(
विधि:
companies[0].name )) Output: Big corporate
console.log(JSON.parse(
companies[1].rating )) Output: 4.3
आउटपुट मान्य JSON हो:
JSON Example
var person = {
name: 'Brad',
age: 35
}
नोट:stringify
प्रिन्टहरू अपरिभाषित । मान प्राप्त गर्न, हामीले JSON जाभास्क्रिप्ट वस्तुमा बदल्नु पर्छ।माथिको काम गर्नका लागि, हामीले JSON लाई जाभास्क्रिप्ट वस्तुमा बदल्नु पर्छ।
माथिको JSON वस्तु जाभास्क्रिप्टमा फिर्ता रूपान्तरण गर्न, हामी | _ _ _ _ | प्रयोग गर्दछौं विधि:
jsonPerson = JSON.stringify(person);
नोट:अब यदि हामीले प्रयास गर्यौं {
'name': 'Brad',
'age': 35 }
हामी 'ब्राड' पाउँछौं।console.log(jsonPerson.name)
डाटा प्रकारहरू:
parse
मा ० वा अधिक मानहरूको क्रमबद्ध सूचीJSON सिन्ट्याक्स नियमहरू:
jsPerson = JSON.parse(jsonPerson)
म आशा गर्दछु कि तपाईंले Javascript उपयोगी भएको JSON ट्यूटोरियल पाउनुभयो। तपाईं अब सरल र जटिल JSON फाईलहरू लेख्न सक्नुहुन्छ र जाभास्क्रिप्ट भित्र JSON स्ट्रि withसँग अन्तर्क्रिया गर्न सक्नुहुन्छ।