JSON Tutorial - JavaScript ilə JSON istifadə qaydalarını öyrənin

Bu təlimatda JSON haqqında məlumat əldə edəcəyik. JSON quruluşunu, fərqli məlumat növlərini və JSON-un JavaScript daxilində necə istifadə olunacağını əhatə edəcəyik.

JSON bir proqramçı kimi və ya bir QA olaraq öyrənə biləcəyiniz ən vacib anlayışlardan biridir.

Proqramlaşdırma karyeranız boyunca bir API yaratma, bir API istehlak etməyiniz və ya tətbiqiniz üçün konfiqurasiya sənədləri yaratmağınızdan asılı olmayaraq hər zaman JSON istifadə edəcəksiniz.




JSON nədir

JavaScript obyekt qeydini ifadə edən JSON, sadəcə XML və ya YAML-a çox oxşar bir məlumat təqdimat formatıdır.

İnternetdə, daxil olacağınız demək olar ki, hər API üçün, həmçinin konfiqurasiya sənədləri və oyunlar və mətn redaktorları kimi şeylər üçün geniş istifadə olunur.


Bir JSON nümunəsi:

#user.json {
'name': 'Steve',
'age': 43,
'isProgrammer' true,
'hobbies': ['Reading Java books', 'cooking', 'classic music'],
'friends': [{
'name': 'joey',
'age': 39,
'isProgrammer': false,
'friends': [...]
}] }


Niyə JSON istifadə edin

JSON-dan istifadə edirik, çünki kiçik fayl ölçüsünə görə http istəklərində və cavablarında irəli və geri göndərmək olduqca yüngüldür.

XML kimi bir şeylə müqayisədə oxumaq asandır, çünki daha təmizdir və narahat olmaq üçün bir çox açılış və bağlanma etiketi yoxdur.

JSON ayrıca JavaScript ilə çox gözəl birləşir, çünki JSON yalnız bir JavaScript alt hissəsidir, yəni bir JSON-da yazdığınız hər hansı bir şeyin etibarlı bir JavaScript olduğu anlamına gəlir.


Demək olar ki, hər bir əsas dildə JSON simlərini həmin dildə olan obyektlərə və ya siniflərə ayırmaq üçün bir növ kitabxana və ya daxili funksiya mövcuddur.

Bu, bir proqramlaşdırma dilinin daxilində JSON məlumatları ilə işləməyi son dərəcə asanlaşdırır.



JSON Məlumat Növləri

İndi JSON-un nə olduğunu və nə üçün vacib olduğunu başa düşdük, gəlin bəzi sintaksisə və JSON-un təmsil edə biləcəyi məlumat tiplərinə nəzər salaq.

JSON-un bir məlumat təqdimat formatı olduğunu bildiyimiz üçün, onun daxilində müəyyən bir məlumat növünü təmsil edə bilməliyik.


JSON yerli olaraq dəstəkləyir:

  • simlər
  • nömrələri ədədlər ondalık rəqəmlər olsun, mənfi ədədlər olsun, hətta elmi qeyd nömrələri olsun, istənilən formatda ola bilər
  • booleans ya doğru, ya da yanlış ola bilər
  • sıfır mahiyyətcə heç bir şey demək deyil
  • Diziler yuxarıdakı növlərdən hər hansı birinin siyahısı ola bilər
  • Obyektlər bir obyekt, json daxilində ən mürəkkəb, lakin ən çox istifadə edilən tipdir, çünki əsas dəyər cütləri olan məlumatları təqdim etməyə imkan verir


JSON Nümunəsi

Bir sənədin içərisində json istifadə qaydalarına nəzər salaq.

Etməli olduğunuz ilk şey .json ilə bir fayl yaratmaqdır sonunda uzadılması.

Bir user.json yaratacağıq JSON kimi təmsil olunan bir istifadəçi obyekti olan fayl.


Bir obyekt yaratmaq üçün açma və bağlama qıvrım tellərindən istifadə etməliyik {} və sonra bunun içinə obyektimizi təşkil edən bütün əsas dəyər cütlərini qoyacağıq.

JSON içindəki hər bir xüsusiyyət əsas dəyər cütüdür. Açar cüt '' ilə əhatə olunmalıdır tırnaqlar, sonra bir nöqtə : və sonra həmin düymənin dəyəri.

Bir neçə açar dəyər cütümüz varsa, vergüllərə ehtiyacımız var , normal bir proqramlaşdırma dilində bir sıra yaratmağımıza bənzər əsas dəyər cütlərimizin hər birini ayırmaq.

Nümunə JSON Faylı

#user.json {
'name': 'Steve',
'age': 43,
'isProgrammer' true,
'hobbies': ['Reading Java books', 'cooking', 'classic music'],
'friends': [{
'name': 'joey',
'age': 39,
'isProgrammer': false,
'friends': [...]
}] }

Yuxarıda göstərilən nümunədə user.json adlı bir sənədimiz var. Faylın içərisində fərqli məlumat növləri var.


Düymələr hər zaman cüt təkliflərlə əhatə olunur. Dəyərlər üçün yalnız sətir növü ikiqat tırnaqlar ilə əhatə olunmuşdur.

Nümunədə:

  • ad string
  • yaş integer
  • isProgrammer boolean
  • Hobbi bir Array
  • dostlar Array of Objects
Qeyd:JSON faylında və ya JSON obyektində son mülkün sonunda virgül yoxdur.

JavaScript içərisində JSON String necə istifadə olunur

Tutaq ki, companies.json adlı JSON sənədimiz var şirkət obyektlərinin bir sıra olan:

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

Yuxarıdakı nümunədə bir JSON massivinin içərisində iki şirkət obyektimiz var.

İndi yuxarıdakı JSON-u bir JavaScript içərisində necə istifadə edə biləcəyimizə baxaq.

Əksər ssenarilərdə JSON obyekti deyil, simli olaraq bir JSON alırıq. Bunu təqlid etmək üçün yuxarıdakı JSON-u JavaScript içərisində bir simli olaraq təmsil edirik.

HTML sənədimiz belə görünür:


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 Alətlərindəki konsol girişini yoxladığımızda nəticə aşağıda göstərilənə bənzəyir:

JSON javascript nümunəsi

Sonra nə çıxarmaq istədiyimizi göstərərək yuxarıdakı JSON-u təhlil edə bilərik. Məsələn, serialdakı ilk şirkətin adını almaq istəsəydik, istifadə edərdik:

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

Eynilə, ikinci şirkətin reytinqini almaq üçün istifadə edəcəyik:

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

JavaScript Nesnəsini JSON-a necə çevirmək olar

İndi tutaq ki, aşağıda göstərilən kimi bir JavaScript obyektimiz var:


JSON Example

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

Şəxs JavaScript obyektini JSON-a çevirmək üçün stringify istifadə edirik metod:

jsonPerson = JSON.stringify(person);

Çıxış etibarlı bir JSON:

{
'name': 'Brad',
'age': 35 }
Qeyd:console.log(jsonPerson.name) çap tərifsiz . Dəyəri əldə etmək üçün JSON-u yenidən JavaScript obyektinə çevirməliyik.

Yuxarıda göstərilən işi yerinə yetirmək üçün JSON-u yenidən JavaScript obyektinə çevirməliyik.

JSON Obyektini JavaScript'e necə çevirmək olar

Yuxarıdakı JSON obyektini yenidən JavaScript-ə çevirmək üçün parse istifadə edirik metod:

jsPerson = JSON.parse(jsonPerson) Qeyd:İndi cəhd etsəydik console.log(jsPerson.name) biz 'Brad' alırıq.

Tam nümunə


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


Xülasə

  • JSON, JavaScript Nesne Qeydinin mənasını verir
  • Yüngül məlumat mübadiləsi formatı
  • JavaScript alt hissəsinə əsaslanır
  • Oxumaq və yazmaq asandır
  • Dil müstəqildir
  • Ən müasir proqramlaşdırma dillərində təhlil edilə bilər

Məlumat növləri:

  • Nömrə: Tam və float arasında heç bir fərq yoxdur
  • Simli: Unicode simvollarının simli. İkiqat təkliflərdən istifadə edin
  • Mantiq: Doğru və ya yanlış
  • Array: [] İçərisində 0 və ya daha çox dəyərin sifariş edilmiş siyahısı
  • Obyekt: Açar / dəyər cütlərinin sıralanmamış toplanması
  • Sıfır: Boş dəyər

JSON Sintaksis qaydaları:

  • Açar / dəyər cütlərindən istifadə edir - məs. {'name': 'value'}
  • Ətrafda ikiqat təkliflərdən istifadə edir Açar
  • Müəyyən edilmiş məlumat növlərindən istifadə etməlidir
  • Fayl növü .json
  • MIME növü “Application / json” dır

Ümid edirəm Javascript ilə bu JSON təlimini faydalı tapdınız. Artıq sadə və mürəkkəb JSON sənədləri yaza və JavaScript daxilində JSON simləri ilə qarşılıqlı əlaqə qura bilərsiniz.