JSON ձեռնարկ - Իմացեք, թե ինչպես օգտագործել JSON- ը JavaScript- ի հետ

Այս ձեռնարկում մենք կսովորենք JSON- ի մասին: Մենք կներառենք JSON կառուցվածքը, տվյալների տարբեր տեսակները և ինչպես օգտագործել JSON- ը JavaScript- ի ներսում:

JSON- ը ամենակարևոր հասկացություններից մեկն է, որը դուք կարող եք սովորել որպես ծրագրավորող կամ որպես ՈԱ:

Programրագրավորման ողջ կարիերայի ընթացքում դուք անընդհատ կօգտագործեք JSON ՝ լինի դա ստեղծում API, սպառում API, թե ստեղծում է կազմաձևող ֆայլեր ձեր ծրագրի համար:




Ի՞նչ է JSON- ը

JSON- ը, որը նշանակում է JavaScript օբյեկտի նշում, պարզապես տվյալների ներկայացման ձևաչափ է, որը շատ նման է XML- ին կամ YAML- ին:

Այն լայնորեն օգտագործվում է ինտերնետում գրեթե յուրաքանչյուր API- ի համար, որը դուք մուտք եք գործելու, ինչպես նաև կազմաձևող ֆայլերի և այլ բաների համար, ինչպիսիք են խաղերը և տեքստային խմբագրիչները:


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- ը նաև շատ լավ ինտեգրվում է JavaScript- ին, քանի որ JSON- ը պարզապես JavaScript- ի ենթաբազմություն է, ինչը նշանակում է, որ այն ամենը, ինչ գրում եք JSON- ում, վավեր JavaScript է:


Գրեթե յուրաքանչյուր հիմնական լեզու ունի գրադարանի կամ ներկառուցված ֆունկցիոնալության որևէ ձև ՝ JSON տողերը այդ լեզվով առարկաների կամ դասերի մեջ վերլուծելու համար:

Սա JSON տվյալների հետ աշխատանքը չափազանց դյուրին է դարձնում ծրագրավորման լեզվի ներսում:



JSON տվյալների տեսակները

Այժմ, երբ մենք հասկացանք, թե ինչ է JSON- ը և ինչու է դա կարևոր, եկեք սուզվենք ներգրավված շարահյուսության և տվյալների այն տեսակների մեջ, որոնք JSON- ը կարող է ներկայացնել:

Քանի որ մենք գիտենք, որ JSON- ը տվյալների ներկայացման ձևաչափ է, ուստի մենք պետք է կարողանանք դրա մեջ ներկայացնել տվյալների որոշակի տեսակներ:


JSON- ը բնօրինակում աջակցում է.

  • լարեր
  • թվեր թվերը կարող են լինել ցանկացած ձևաչափի, անկախ նրանից, թե դրանք տասնորդական թվեր են, ամբողջ թվերը բացասական թվեր, նույնիսկ գիտական ​​նշման համարներ
  • բուլյան որը կարող է լինել ճիշտ կամ կեղծ
  • դատարկ որը ըստ էության զերծ է մնում ոչնչից
  • Raանգվածներ որը կարող է լինել վերոհիշյալ որևէ տեսակի ցանկ
  • Օբյեկտներ օբյեկտը json- ի ամենաբարդ, բայց ամենաօգտագործվող տեսակն է, քանի որ այն թույլ է տալիս ներկայացնել տվյալներ, որոնք հիմնական արժեքի զույգեր են


JSON Օրինակ

Եկեք սուզվենք ֆայլի ներսում json- ի օգտագործման օրինակով:

Առաջին բանը, որ դուք պետք է անեք, ֆայլ ստեղծելն է .json | - ի հետ ընդլայնումը դրա վերջում:

Մենք պատրաստվում ենք ստեղծել user.json ֆայլ օգտագործողի օբյեկտի հետ, որը ներկայացված է որպես JSON:


Օբյեկտ ստեղծելու համար մենք պետք է օգտագործենք բացվող և փակող գանգուր ամրացումներ {} | ապա դրա ներսում մենք կտեղադրենք առանցքային արժեքային բոլոր զույգերը, որոնք կազմում են մեր օբյեկտը:

JSON- ի ներսում գտնվող յուրաքանչյուր հատկություն հիմնական արժեքի զույգ է: Բանալին պետք է շրջապատված լինի կրկնակի '' մեջբերումներ, որոնց հաջորդում է երկու կետը : և ապա այդ ստեղնի արժեքը:

Եթե ​​մենք ունենք բազային արժեքի բազմակի զույգ, ապա մեզ պետք են ստորակետներ , առանձնացնելով մեր հիմնական արժեքային զույգերից յուրաքանչյուրը, նման է այն բանի, թե ինչպես մենք կստեղծեինք զանգված զանգվածային ծրագրավորման լեզվով:

Օրինակ JSON ֆայլ

#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
  • isProgrammer- ը boolean
  • հոբբին է Array
  • ընկերներն են Array of Objects
Նշում:JSON ֆայլում կամ JSON օբյեկտում վերջին հատկության վերջում ստորակետ չկա:

Ինչպես օգտագործել JSON տողը JavaScript- ի ներսում

Ենթադրենք, որ մենք ունենք 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- ը JavaScript- ի ներսում:

Սցենարների մեծ մասում մենք ստանում ենք JSON որպես տող, քան JSON օբյեկտ: Որպեսզի դա ընդօրինակենք, մենք ներկայացնում ենք վերը նշված JSON- ը որպես տող JavaScript- ի ներսում:

Մեր html ֆայլը կարծես հետևյալն է.


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))

Երբ մենք ստուգում ենք վահանակի մատյանը Chrome Developer Tools- ում, արդյունքը նման է ստորև ներկայացվածին.

JSON javascript օրինակ

Դրանից հետո մենք կարող ենք վերլուծել վերը նշված JSON- ը ՝ նշելով, թե ինչ ենք ուզում արդյունահանել: Օրինակ, եթե ցանկանանք զանգվածում ստանալ առաջին ընկերության անունը, ապա մենք կօգտագործեինք.

console.log(JSON.parse(
companies[0].name )) Output: Big corporate

Նմանապես, երկրորդ ընկերության վարկանիշը ստանալու համար մենք կօգտագործեինք.

console.log(JSON.parse(
companies[1].rating )) Output: 4.3

Ինչպես փոխարկել JavaScript օբյեկտը JSON- ի

Ենթադրենք, որ մենք ունենք JavaScript օբյեկտ, ինչպիսին պատկերված է ստորև:


JSON Example

var person = {
name: 'Brad',
age: 35
}

Անձի JavaScript օբյեկտը JSON դարձնելու համար մենք օգտագործում ենք stringify մեթոդ:

jsonPerson = JSON.stringify(person);

Արդյունքը վավեր JSON է.

{
'name': 'Brad',
'age': 35 }
Նշում:console.log(jsonPerson.name) տպում չսահմանված , Արժեքը ստանալու համար մենք պետք է JSON- ը վերափոխենք JavaScript օբյեկտի:

Վերոհիշյալ աշխատանքը կատարելու համար մենք պետք է JSON- ը վերափոխենք JavaScript օբյեկտի:

Ինչպես փոխարկել JSON օբյեկտը JavaScript- ին

Վերոնշյալ JSON օբյեկտը JavaScript- ին վերափոխելու համար մենք օգտագործում ենք parse մեթոդ:

jsPerson = JSON.parse(jsonPerson) Նշում:Հիմա եթե փորձեինք console.log(jsPerson.name) մենք ստանում ենք «Բրեդ» -ը:

Ամբողջական օրինակ


JSON Example

var person = {
name: 'Brad',
age: 35
}
jsonPerson = JSON.stringify(person); //convert to JSON
console.log(jsonPerson.name); //undefined
jsPerson = JSON.parse(jsonPerson); //convert to JS Object
console.log(jsPerson.name); //Brad


Ամփոփում

  • JSON- ը նշանակում է JavaScript Object Notation
  • Թեթև տվյալների փոխանակման ձևաչափ
  • JavaScript- ի ենթաբազմության հիման վրա
  • Հեշտ է կարդալ և գրել
  • Լեզուն անկախ
  • Canամանակակից ծրագրավորման լեզուներում հնարավոր է վերլուծել

Տվյալների տեսակները.

  • Թիվ: Ոչ մի տարբերություն ամբողջ թվից և բոցից
  • Լար ՝ Unicode նիշերի տողը: Օգտագործեք կրկնակի գնանշումներ
  • Բուլյան: Ճիշտ կամ սխալ
  • Զանգված 0 կամ ավելի արժեքների պատվիրված ցուցակ [] - ում
  • Օբյեկտ: Հիմնական / արժեքային զույգերի անսովոր հավաքածու
  • Դատարկ: Դատարկ արժեք

JSON շարահյուսության կանոններ.

  • Օգտագործում է բանալիներ / արժեքների զույգեր - օր. {'name': 'value'}
  • Օգտագործում է կրկնակի գնանշումներ շուրջը ԲԱՆԱԼԻ
  • Պետք է օգտագործի նշված տվյալների տեսակները
  • Ֆայլի տեսակը .json է
  • MIME տիպը «Application / json» է

Հուսով եմ ՝ ձեզ համար օգտակար է Javascript– ի այս JSON ձեռնարկը: Այժմ կարող եք գրել JSON պարզ և բարդ ֆայլեր և համագործակցել JavaScript- ի ներսում JSON տողերի հետ: