Այս ձեռնարկում մենք կսովորենք JSON- ի մասին: Մենք կներառենք JSON կառուցվածքը, տվյալների տարբեր տեսակները և ինչպես օգտագործել JSON- ը JavaScript- ի ներսում:
JSON- ը ամենակարևոր հասկացություններից մեկն է, որը դուք կարող եք սովորել որպես ծրագրավորող կամ որպես ՈԱ:
Programրագրավորման ողջ կարիերայի ընթացքում դուք անընդհատ կօգտագործեք JSON ՝ լինի դա ստեղծում API, սպառում API, թե ստեղծում է կազմաձևող ֆայլեր ձեր ծրագրի համար:
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- ը, քանի որ չափազանց փոքր է ուղարկել հետևից և հետ ուղարկել HTTP խնդրանքներից և պատասխաններից ՝ ֆայլի փոքր չափի պատճառով:
Այն հեշտ է կարդալ ՝ համեմատած XML- ի նման մի բանի հետ, քանի որ այն շատ ավելի մաքուր է, և մտահոգվելու համար այդքան շատ բացող-փակող պիտակ չկա:
JSON- ը նաև շատ լավ ինտեգրվում է JavaScript- ին, քանի որ JSON- ը պարզապես JavaScript- ի ենթաբազմություն է, ինչը նշանակում է, որ այն ամենը, ինչ գրում եք JSON- ում, վավեր JavaScript է:
Գրեթե յուրաքանչյուր հիմնական լեզու ունի գրադարանի կամ ներկառուցված ֆունկցիոնալության որևէ ձև ՝ JSON տողերը այդ լեզվով առարկաների կամ դասերի մեջ վերլուծելու համար:
Սա JSON տվյալների հետ աշխատանքը չափազանց դյուրին է դարձնում ծրագրավորման լեզվի ներսում:
Այժմ, երբ մենք հասկացանք, թե ինչ է JSON- ը և ինչու է դա կարևոր, եկեք սուզվենք ներգրավված շարահյուսության և տվյալների այն տեսակների մեջ, որոնք JSON- ը կարող է ներկայացնել:
Քանի որ մենք գիտենք, որ JSON- ը տվյալների ներկայացման ձևաչափ է, ուստի մենք պետք է կարողանանք դրա մեջ ներկայացնել տվյալների որոշակի տեսակներ:
JSON- ը բնօրինակում աջակցում է.
Եկեք սուզվենք ֆայլի ներսում json- ի օգտագործման օրինակով:
Առաջին բանը, որ դուք պետք է անեք, ֆայլ ստեղծելն է .json
| - ի հետ ընդլայնումը դրա վերջում:
Մենք պատրաստվում ենք ստեղծել user.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
boolean
Array
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 զանգվածի ներսում ունենք ընկերության երկու օբյեկտ:
Այժմ տեսնենք, թե ինչպես կարող ենք օգտագործել վերը նշված 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- ը ՝ նշելով, թե ինչ ենք ուզում արդյունահանել: Օրինակ, եթե ցանկանանք զանգվածում ստանալ առաջին ընկերության անունը, ապա մենք կօգտագործեինք.
console.log(JSON.parse(
companies[0].name )) Output: Big corporate
Նմանապես, երկրորդ ընկերության վարկանիշը ստանալու համար մենք կօգտագործեինք.
console.log(JSON.parse(
companies[1].rating )) Output: 4.3
Ենթադրենք, որ մենք ունենք 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- ին վերափոխելու համար մենք օգտագործում ենք 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 շարահյուսության կանոններ.
{'name': 'value'}
Հուսով եմ ՝ ձեզ համար օգտակար է Javascript– ի այս JSON ձեռնարկը: Այժմ կարող եք գրել JSON պարզ և բարդ ֆայլեր և համագործակցել JavaScript- ի ներսում JSON տողերի հետ: