JSON mokymo programa - sužinokite, kaip naudoti JSON su „JavaScript“

Šioje pamokoje sužinosime apie JSON. Mes apimsime JSON struktūrą, skirtingus duomenų tipus ir tai, kaip naudoti JSON „JavaScript“.

JSON yra viena iš svarbiausių sąvokų, kurią galite išmokti kaip programuotojas arba kaip kokybės užtikrinimo priemonė.

Per visą savo programavimo karjerą JSON naudosite visą laiką, nesvarbu, ar kuriate API, ar vartojate API, ar konfigūracijos failus savo programai.




Kas yra JSON

JSON, kuris reiškia „JavaScript“ objektų žymėjimą, yra tiesiog duomenų pateikimo formatas, labai panašus į XML arba YAML.

Jis plačiai naudojamas visame internete beveik kiekvienai API, kurią pasieksite, taip pat konfigūracijos failams ir tokiems dalykams kaip žaidimai ir teksto redaktoriai.


JSON pavyzdys:

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


Kodėl verta naudoti JSON

Mes naudojame JSON, nes dėl mažo failo dydžio yra labai lengva siųsti pirmyn ir atgal per http užklausas ir atsakymus.

Tai lengva skaityti, palyginti su kažkuo panašiu į XML, nes jis yra daug švaresnis ir nėra tiek daug atidarymo ir uždarymo žymių, dėl kurių reikėtų jaudintis.

JSON taip pat labai gerai integruojasi su „JavaScript“, nes JSON yra tik „JavaScript“ pogrupis, o tai reiškia, kad viskas, ką rašote JSON, yra galiojanti „JavaScript“.


Beveik kiekvienoje pagrindinėje kalboje yra tam tikra bibliotekos forma arba įmontuota funkcija, skirta analizuoti JSON eilutes į objektus ar klases ta kalba.

Dėl to labai lengva dirbti su JSON duomenimis programavimo kalboje.



JSON duomenų tipai

Dabar, kai suprantame, kas yra JSON ir kodėl jis yra svarbus, pasinerkime į tam tikrą sintaksę ir duomenų tipus, kuriuos JSON gali atstovauti.

Kaip žinome, JSON yra duomenų pateikimo formatas, todėl turime sugebėti jame atstovauti tam tikrus duomenų tipus.


JSON natūraliai palaiko:

  • stygos
  • numeriai skaičiai gali būti bet kokio formato, nesvarbu, ar tai dešimtainiai skaičiai, sveiki skaičiai, neigiami skaičiai, net moksliniai žymėjimo numeriai
  • booleanai kuri gali būti teisinga arba klaidinga
  • niekinis kuris iš esmės nieko nereiškia
  • Masyvai kuris gali būti bet kurio iš anksčiau pateiktų tipų sąrašas
  • Objektai objektas yra sudėtingiausias, bet dažniausiai naudojamas „Json“ tipas, nes jis leidžia pateikti duomenis, kurie yra pagrindinių reikšmių poros


JSON pavyzdys

Panagrinėkime pavyzdį, kaip naudoti json failo viduje.

Pirmas dalykas, kurį turite padaryti, yra sukurti failą su .json pratęsimas jo pabaigoje.

Kursime user.json failas su vartotojo objektu, vaizduojamu kaip JSON.


Norėdami sukurti objektą, turime naudoti atidaromus ir uždaromus garbanotus petnešus {} tada į vidų įdėsime visas pagrindines reikšmių poras, kurios sudaro mūsų objektą.

Kiekviena nuosavybė, esanti JSON viduje, yra pagrindinių verčių pora. Raktas turi būti apsuptas dvigubu '' kabučių, po kurių yra dvitaškis : ir tada to rakto vertė.

Jei turime kelias raktų reikšmių poras, mums reikia kablelių , atskiriant kiekvieną mūsų pagrindinių reikšmių porą, panašiai kaip mes sukurtume masyvą įprasta programavimo kalba.

JSON failo pavyzdys

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

Ankstesniame pavyzdyje turime failą, pavadintą user.json. Failo viduje turime skirtingus duomenų tipus.


Raktus visada supa dvigubos kabutės. Vertėms tik eilutės tipas yra apsuptas dvigubomis kabutėmis.

Pavyzdyje:

  • vardas yra string
  • amžius yra integer
  • „isProgrammer“ yra boolean
  • pomėgiai yra Array
  • draugai yra Array of Objects
Pastaba:JSON faile ar JSON objekte paskutinės ypatybės pabaigoje nėra kablelio.

Kaip naudoti „JSON“ eilutę „JavaScript“ viduje

Tarkime, kad turime JSON failą pavadinimu companies.json tai yra įmonės objektų masyvas:

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

Ankstesniame pavyzdyje JSON masyvo viduje yra du įmonės objektai.

Dabar pažiūrėkime, kaip galime naudoti aukščiau pateiktą JSON „JavaScript“.

Daugeliu atvejų JSON gauname kaip eilutę, o ne JSON objektą. Norėdami tai mėgdžioti, aukščiau nurodytą JSON vaizduojame kaip eilutę „JavaScript“ viduje.

Mūsų HTML failas atrodo taip:


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

Kai tikriname konsolės žurnalą „Chrome“ kūrėjo įrankiuose, išvestis yra panaši į tai, kas parodyta žemiau:

JSON „javascript“ pavyzdys

Tada galime išanalizuoti aukščiau pateiktą JSON nurodydami, ką norime išgauti. Pvz., Jei norėtume gauti pirmosios masyvo įmonės pavadinimą, kurį naudotume:

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

Taip pat norėdami gauti antros įmonės, kurią naudotume, reitingą:

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

Kaip konvertuoti „JavaScript“ objektą į JSON

Dabar tarkime, kad turime tokį „JavaScript“ objektą, kaip parodyta žemiau:


JSON Example

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

Norėdami konvertuoti asmens „JavaScript“ objektą į JSON, naudojame stringify metodas:

jsonPerson = JSON.stringify(person);

Išvestis yra galiojantis JSON:

{
'name': 'Brad',
'age': 35 }
Pastaba:console.log(jsonPerson.name) spaudiniai neapibrėžtas . Norėdami gauti vertę, turime konvertuoti JSON atgal į „JavaScript“ objektą.

Kad aukščiau išvardyti veiksmai, JSON turime konvertuoti atgal į „JavaScript“ objektą.

Kaip konvertuoti JSON objektą į „JavaScript“

Norėdami konvertuoti aukščiau nurodytą JSON objektą atgal į „JavaScript“, mes naudojame parse metodas:

jsPerson = JSON.parse(jsonPerson) Pastaba:Jei bandytume console.log(jsPerson.name) gauname „Brad“.

Pilnas pavyzdys


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


Santrauka

  • JSON reiškia „JavaScript Object Notation“
  • Lengvas keitimosi duomenimis formatas
  • Remiantis „JavaScript“ pogrupiu
  • Lengva skaityti ir rašyti
  • Nepriklausoma nuo kalbos
  • Gali būti analizuojamas daugeliu šiuolaikinių programavimo kalbų

Duomenų tipai:

  • Skaičius: Skirtumas tarp sveiko skaičiaus ir plūduriavimo nėra
  • Stygos: „Unicode“ simbolių eilutė. Naudokite dvigubas kabutes
  • Būlo: Tiesa ar melas
  • Masyvas: Išdėstytas 0 ar daugiau verčių sąrašas []
  • Objektas: Nenutvarkytas raktų / reikšmių porų rinkimas
  • Nulis: Tuščia vertė

JSON sintaksės taisyklės:

  • Naudoja raktų / reikšmių poras - pvz. {'name': 'value'}
  • Naudoja dvigubas kabutes aplink RAKTAS
  • Turi naudoti nurodytus duomenų tipus
  • Failo tipas yra .json
  • MIME tipas yra „Application / Json“

Tikiuosi, kad ši JSON mokymo programa su „Javascript“ jums buvo naudinga. Dabar galite rašyti paprastus ir sudėtingus JSON failus ir sąveikauti su JSON eilutėmis „JavaScript“ viduje.