JSON ट्यूटोरियल - जाभास्क्रिप्टको साथ JSON कसरी प्रयोग गर्ने सिक्नुहोस्

यस ट्यूटोरियलमा, हामी JSON को बारे मा जान्न लागेका छौं। हामी JSON संरचना, विभिन्न डाटा प्रकार र जाभास्क्रिप्ट भित्र JSON कसरी प्रयोग गर्ने भनेर कभर गर्नेछौं।

JSON एक महत्त्वपूर्ण अवधारणा हो जुन तपाइँ प्रोग्रामरको रूपमा वा QA को रूपमा सिक्न सक्नुहुन्छ।

तपाइँको प्रोग्रामिंग क्यारियर भर मा तपाइँ JSON को उपयोग को लागी जाँदैहुन्छ कि यो एक API बनाउने छ, एक API खपत गर्दै छ, वा तपाइँको अनुप्रयोगको लागि कन्फिग फाइलहरू सिर्जना गर्दछ।




JSON के हो?

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 प्रयोग गर्नुहोस्

हामी JSON प्रयोग गर्छौं किनकि यो साना फाईल आकारको कारणले HTTP अनुरोध र प्रतिक्रियाहरूमा फर्काउन पठाउन अत्यन्त हल्का छ।

यो पढ्न सजिलो छ XML जस्तै केहि संग तुलना गर्न को लागी यो धेरै सफा छ र त्यहाँ धेरै खुला र बन्द ट्याग को बारे मा चिन्ता छैन।

JSON ले जाभास्क्रिप्टको साथ धेरै राम्रोसँग एकीकृत गर्दछ किनकि JSON जाभास्क्रिप्टको केवल एक उपसेट छ, जसको अर्थ तपाइँ JSON मा लेख्नुहुने कुनै पनि कुरा मान्य जाभास्क्रिप्ट हो।


लगभग सबै एकल प्रमुख भाषासँग पुस्तकालयको केही रूप वा निर्मित प्रकार्य हुन्छन् JSON तारलाई त्यस भाषामा वस्तु वा वर्गहरूमा पार्स गर्न।

यसले JSON डाटाको साथ काम गर्दैमा एक प्रोग्रामिंग भाषाको भित्र अत्यन्त सजिलो हुन्छ।



JSON डाटा प्रकारहरू

अब हामी बुझ्छौं कि JSON के हो र किन यो महत्त्वपूर्ण छ, यसमा सिन्ट्याक्सको केहि डेटामा डुबौं र डाटा प्रकारहरू जुन JSON ले प्रतिनिधित्व गर्न सक्दछन्।

जस्तो कि हामीलाई थाहा छ JSON डाटा प्रतिनिधित्व ढाँचा हो त्यसैले हामी यसको भित्र केही डाटा प्रकारहरू प्रतिनिधित्व गर्न सक्षम हुनु आवश्यक छ।


JSON नेटिभली समर्थन गर्दछ:

  • तार
  • संख्या संख्याहरू कुनै पनि ढाँचामा हुन सक्छन् तिनीहरू दशमलव संख्याहरू हुन् नकारात्मक संख्याहरू पनि वैज्ञानिक संकेतन संख्याहरू
  • बुलिन्स जुन कि त सही वा गलत हुन सक्छ
  • खाली जुन अनिवार्य रूपमा केहि पनि होइन
  • एर्रेहरू जुन माथिको कुनै पनि प्रकारको सूची हुन सक्छ
  • वस्तुहरू जेसन भित्र कुनै वस्तु सबैभन्दा जटिल तर अधिक प्रयोग हुने प्रकार हो किनकि यसले तपाईलाई डेटाको प्रतिनिधित्व गर्न अनुमति दिन्छ जुन कुञ्जी मूल्य जोडी हो


JSON उदाहरण

हामी फाईलको भित्र जेसन कसरी प्रयोग गर्ने भन्नेको उदाहरणमा डुबुल्की लिनुहोस्।

पहिलो कुरा तपाईले गर्नु पर्छ | _ _ _ _ | का साथ एक फाईल सिर्जना गर्नु यसको अन्तमा विस्तार।

हामी एक | _ _ _ _ | सिर्जना गर्न जाँदैछौं JSON को रूपमा प्रतिनिधित्व गरिएको एक प्रयोगकर्ता वस्तुको साथ फाइल।


वस्तु सिर्जना गर्न हामीले खोल्ने र बन्द कर्ली ब्रेसेस .json प्रयोग गर्नु पर्छ र त्यस पछि हामी सबै कुञ्जी मूल्य जोडी राख्छौं जुन हाम्रो वस्तु बनाउँदछन्।

JSON भित्र प्रत्येक सम्पत्ती एक कुञ्जी मूल्य जोडी हो। कुञ्जी डबल user.json द्वारा घेरिएको हुनुपर्दछ कोलोन अनुगमन उद्धरण {} र त्यस कुञ्जीको लागि मान।

यदि हामीसँग बहु कुञ्जी मान जोडी छ भने, हामीलाई अल्पविराम '' चाहिन्छ हाम्रो प्रत्येक कुञ्जी मूल्य जोडीहरूलाई अलग गर्दै, हामी कसरी सामान्य प्रोग्रामि language भाषामा एर्रे सिर्जना गर्ने समान।

उदाहरण JSON फाईल

:

माथिको उदाहरणमा, हामीसंग एक भनिन्छ | _ _ + _ | फाईल भित्र हामीसँग फरक डाटा प्रकारहरू छन्।


कुञ्जीहरू सँधै डबल उद्धरणले घेरेको हुन्छ। मानहरूको लागि, केवल स्ट्रि type प्रकार डबल उद्धरणले घेरिएको हुन्छ।

उदाहरणमा:

  • नाम , हो
  • उमेर #user.json {
    'name': 'Steve',
    'age': 43,
    'isProgrammer' true,
    'hobbies': ['Reading Java books', 'cooking', 'classic music'],
    'friends': [{
    'name': 'joey',
    'age': 39,
    'isProgrammer': false,
    'friends': [...]
    }] }
    हो
  • isProgrammer हो user.json
  • शौक एक string हो
  • साथीहरू एक integer हो
नोट:JSON फाईल वा JSON वस्तुमा अन्तिम सम्पत्तीको अन्त्यमा कुनै अल्पविराम छैन।

जाभास्क्रिप्ट भित्र JSON स्ट्रिंग कसरी प्रयोग गर्ने

मानौं हामीसँग JSON फाईल छ boolean जुन कम्पनी वस्तुहरूको एरे हो:

Array

माथिको उदाहरणमा, हामीसँग JSON एर्रे भित्र दुई कम्पनी वस्तुहरू छन्।

अब हामी जाभास्क्रिप्ट भित्र JSON माथी कसरी प्रयोग गर्न सक्छौं हेरौं।

धेरै जसो परिदृश्यहरूमा, हामी JSON वस्तुको सट्टा JSON वस्तु पाउँछौं। यसको अनुकरण गर्न, हामी माथिको JSON लाई जाभास्क्रिप्ट भित्र स्ट्रिंगको रूपमा प्रतिनिधित्व गर्दछौं।

हाम्रो html फाईल यस्तो देखिन्छ:

Array of Objects

जब हामी क्रोम विकासकर्ता उपकरणमा कन्सोल लग निरीक्षण गर्दछौं, आउटपुट तल देखाइएको जस्तो छ:

JSON जाभास्क्रिप्ट उदाहरण

त्यसो भए हामी माथिको JSON पार्स गर्न सक्दछौं निर्दिष्ट गरेर हामी के निकाल्न चाहन्छौं। उदाहरण को लागी, यदि हामी एर्रे मा पहिलो कम्पनी को नाम प्राप्त गर्न चाहन्थ्यौं भने:

companies.json

त्यस्तै, दोस्रो कम्पनीको रेटिंग प्राप्त गर्न हामी प्रयोग गर्दछौं।

[
{
'name': 'Big corporate',
'numberOfEmployees': 1000,
'ceo': 'Neil',
'rating': 3.6
},
{
'name': 'Small startup',
'numberOfEmployees': 10,
'ceo': null,
'rating': 4.3
} ]

JSON मा जाभास्क्रिप्ट वस्तु कसरी रूपान्तरण गर्ने

अब मानौं कि हामीसँग जाभास्क्रिप्ट वस्तु छ जसरी तल देखाइएको छ:


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 वस्तु जाभास्क्रिप्टमा कसरी रूपान्तरण गर्ने

माथिको JSON वस्तु जाभास्क्रिप्टमा फिर्ता रूपान्तरण गर्न, हामी | _ _ _ _ | प्रयोग गर्दछौं विधि:

jsonPerson = JSON.stringify(person); नोट:अब यदि हामीले प्रयास गर्यौं {
'name': 'Brad',
'age': 35 }
हामी 'ब्राड' पाउँछौं।

पूर्ण उदाहरण

console.log(jsonPerson.name)

सारांश

  • JSON भनेको जाभास्क्रिप्ट ऑब्जेक्ट नोटेशनको लागि हो
  • हल्का डाटा-ईन्टरचेन्ज प्रारूप
  • जाभास्क्रिप्टको सबसेटमा आधारित
  • पढ्न र लेख्न सजिलो
  • भाषा स्वतन्त्र
  • प्राय: आधुनिक प्रोग्रामि languages ​​भाषाहरूमा पार्स गर्न सकिन्छ

डाटा प्रकारहरू:

  • संख्या: पूर्णांक र फ्लोट बीच कुनै फरक छैन
  • स्ट्रिंग: युनिकोड क्यारेक्टरको स्ट्रि।। डबल उद्धरणहरू प्रयोग गर्नुहोस्
  • बुलियन: ठिक या बेठिक
  • एर्रे: parse मा ० वा अधिक मानहरूको क्रमबद्ध सूची
  • वस्तु: कुञ्जी / मान जोडीहरूको अनअर्डर गरिएको संग्रह
  • खाली: खाली मान

JSON सिन्ट्याक्स नियमहरू:

  • कुञ्जी / मान जोडीहरू प्रयोग गर्दछ - उदाहरणका लागि। jsPerson = JSON.parse(jsonPerson)
  • वरपर डबल उद्धरणहरू प्रयोग गर्दछ KEY
  • निर्दिष्ट डाटा प्रकारहरू प्रयोग गर्नु पर्छ
  • फाईल प्रकार .json हो
  • MIME प्रकार 'अनुप्रयोग / json' हो

म आशा गर्दछु कि तपाईंले Javascript उपयोगी भएको JSON ट्यूटोरियल पाउनुभयो। तपाईं अब सरल र जटिल JSON फाईलहरू लेख्न सक्नुहुन्छ र जाभास्क्रिप्ट भित्र JSON स्ट्रि withसँग अन्तर्क्रिया गर्न सक्नुहुन्छ।

रोचक लेख