Casharrada JSON - Baro Sida Loogu Adeegsado JSON JavaScript

Casharkaan, waxaan ku baran doonnaa JSON. Waxaan dabooli doonaa qaabdhismeedka JSON, noocyada kala duwan ee xogta iyo sida loogu isticmaalo JSON gudaha JavaScript.

JSON waa mid ka mid ah fikradaha ugu muhiimsan ee aad ku baran karto barnaamij ahaan ama QA ahaan.

Intaad ku gudajirto barnaamijkaaga barnaamij waxaad u isticmaali doontaa JSON markasta hadey abuureyso API, cuneyso API, ama u sameysid faylal isku xir ah barnaamijkaaga.




Waa maxay JSON

JSON oo u taagan qoraalka ogeysiiska shayga JavaScript, waa qaab qaab matalaad xog ah oo aad ugu eg XML ama YAML.

Waxaa si ballaaran looga adeegsadaa internetka oo dhan kudhowaad API kasta oo aad heli doonto, iyo waliba faylasha iskuxirka iyo waxyaabaha sida ciyaaraha iyo tifaftirayaasha qoraalka.


Tusaale JSON ah:

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


Maxaad u Isticmaashaa JSON

Waxaan u adeegsanaa JSON maxaa yeelay waa mid aad u fudud in dib iyo gadaal loogu diro codsiyada iyo jawaabaha http sababtoo ah cabirka faylka yar.

Way fududahay in la akhriyo marka la barbardhigo wax la mid ah XML maaddaama ay aad u nadiifsan tahay oo aysan jirin wax badan oo ah tag iyo furitaan oo laga walwalo.

JSON sidoo kale waxay si fiican ula midoobeysaa JavaScript maadaama JSON kaliya ay tahay qeyb hoosaadyada JavaScript, taas oo macnaheedu yahay wax walboo aad ku qorto JSON waa ansax JavaScript.


Ku dhowaad hal luuqad oo waaweyn ayaa leh nooc maktabad ama waxqabad lagu dhisay si loo kala saaro xarigga JSON ee walxaha ama fasallada luuqaddaas.

Tani waxay ka dhigeysaa la shaqeynta xogta JSON mid aad u fudud gudaha luqadda barnaamijka.



Noocyada Xogta JSON

Hadda oo aan fahamnay waxa JSON yahay iyo sababta ay muhiimka u tahay, bal aan dhex galno qaar ka mid ah qaabeynta ku lug leh iyo noocyada xogta ee JSON matali karto.

Sidaan ognahay JSON waa qaab metelaad xog ah sidaa darteed waxaan u baahanahay inaan awoodno inaan metelno noocyo xog ah oo dhexdeeda ah.


JSON asal ahaan wuxuu taageeraa:

  • xargaha
  • tirooyinka tirooyinku waxay noqon karaan qaab kasta ha ahaadeen tiro jajab tobanle nambarro dhan tirooyin taban xitaa lambarrada farriinta sayniska
  • booleans taas oo noqon karta run ama been
  • waxba kama jiraan taas oo asal ahaan u taagan waxba
  • Diyaarado taas oo noqon karta liis kasta oo ka mid ah noocyada kor ku xusan
  • Waxyaabaha shay waa midka ugu adag laakiin ugu isticmaalka badan gudaha json maxaa yeelay wuxuu kuu ogolaanayaa inaad matasho xogta oo ah lamaanaha qiimaha muhiimka ah


JSON Tusaale

Aynu quusinno tusaale ahaan sida loogu isticmaalo json gudaha faylka.

Waxa ugu horeeya ee aad ubaahantahay inaad sameyso waa inaad sameysato feyl leh .json kordhinta dhammaadkeeda.

Waxaan abuureynaa user.json faylka la adeegsado shey isticmaale oo loo matalay sidii JSON.


Si loo abuuro shay waxaan u baahanahay inaan isticmaalno furitaanka iyo xirida xargaha xargaha {} ka dibna gudaha taas waxaan gelin doonaa dhammaan lammaanaha qiimaha muhiimka ah ee ka kooban shaykeenna.

Hanti kasta oo ka mid ah gudaha JSON waa qiimo qiimo leh. Furaha waa in lagu wareejiyaa labalaab '' xigashooyin ku xigo xiidanka : ka dibna qiimaha furahaas.

Haddii aan leenahay labo nooc oo muhiim ah oo qiimo leh, waxaan u baahan nahay kooma , kala soocida mid kasta oo ka mid ah qiimaha lamaanahayaga muhiimka ah, oo la mid ah sida aan u abuuri karno qaab ku saabsan luqadda caadiga ah ee barnaamijyada.

Tusaale Faylka JSON

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

Tusaalaha kore, waxaan haynaa fayl la yiraahdo | _ + + | |. Faylka gudihiisa waxaan ku haynaa noocyo xog ah oo kala duwan.


Furayaashu had iyo jeer waxay ku wareegsan yihiin xigashooyin laba jibbaaran. Qiyamka, kaliya nooca xariga waxaa ku wareegsan xigashooyin laba jibbaaran.

Tusaalaha:

  • magacu waa user.json
  • da'da waa string
  • isProgrammer waa integer
  • hiwaayadaha waa | boolean
  • asxaabta waa Array
Fiiro gaar ah:Ma jiraan wax comma ah dhamaadka hantida ugu dambeysa faylka JSON ama shey JSON ah.

Sida Loogu Isticmaalo JSON String Gudaha JavaScript

Aynu u malayno inaan hayno faylka JSON ee la yiraahdo Array of Objects taas oo ah nooc ka mid ah walxaha shirkadda:

companies.json

Tusaalaha kor ku xusan, waxaan ku leenahay labo shay oo shirkadeed gudaha JSON array.

Hadda aan aragno sida aan ugu adeegsan karno JSON kor ku xusan gudaha JavaScript.

Xaaladaha badankood, waxaan ku helnaa JSON sida xarig halkii aan ka heli lahayn shayga JSON. Si tan loogu daydo, waxaan u taagan nahay JSON kor ku xusan sidii xarig gudaha JavaScript ah.

Faylkayaga html wuxuu u eg yahay:

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

Markaan kormeerno qalabka kumbuyuutarka ee 'Chrome Developer Tools', wax soo saarku wuxuu la mid yahay waxa hoos ka muuqda:

JSON tusaale javascript

Markaa waan kala saari karnaa JSON kor ku xusan adoo qeexaya waxa aan dooneyno inaan soo saarno. Tusaale ahaan, haddii aan dooneyno inaan helno magaca shirkadda ugu horreysa ee safka waxaan adeegsan doonnaa:


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

Sidoo kale, si loo helo qiimeynta shirkadda labaad waxaan adeegsan doonnaa:

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

Sida Loogu Beddelo Ujeedada JavaScript JSON

Hadda ka soo qaad inaan haysanno shay JavaScript ah sida kan hoose ka muuqda:

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

Si qofka loogu diido JavaScript-ka JSON waxaan u adeegsanaa
JSON Example

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

stringify

Soo saarku waa JSON ansax ah:

jsonPerson = JSON.stringify(person); Fiiro gaar ah:{
'name': 'Brad',
'age': 35 }
daabacan aan la qeexin . Si loo helo qiimaha, waa inaan JSON dib ugu celino shayga JavaScript.

Si aan kor ugu qaadno shaqada, waxaan u baahannahay inaan JSON dib ugu celino shayga JavaScript.

Sida Loogu Bedelo JSON Object-ka JavaScript

Si shayga kor ku xusan ee JSON loogu beddelo JavaScript, waxaan isticmaalnaa console.log(jsonPerson.name) habka:

parseFiiro gaar ah:Hada hadaan isku daynay jsPerson = JSON.parse(jsonPerson) waxaan helnaa 'Brad'

Tusaale Dhamaystiran

console.log(jsPerson.name)

Soo Koobid

  • JSON wuxuu u taagan yahay Qoraalka Sheyga JavaScript
  • Qaab fudud oo xog isdhaafsi ah
  • Iyada oo ku saleysan hoosaad ka kooban JavaScript
  • Si fudud loo akhriyo loona qoro
  • Luqad madax banaan
  • Waxaa lagu kala saari karaa luuqadaha barnaamijyada casriga ah badankood

Noocyada Xogta:

  • Tirada: Ma jiro farqi u dhexeeya tirooyinka iyo sabeynta
  • Xadhig: Xarigga jilayaasha Unicode. Adeegso xigasho labalaab ah
  • Boolean: Run ama been
  • Diyaarin: Liiska amarada ee 0 ama in ka badan oo qiyam ah
    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
  • Walax: Uruurinta lamaanaha furaha / qiimaha
  • Null: Qiima madhan

Xeerarka Caasima ee JSON:

  • Wuxuu adeegsadaa lammaanaha furaha / qiimaha - tusaale. []
  • Wuxuu adeegsadaa xigashooyin laba jibbaaran FURAHA
  • Waa inuu adeegsadaa noocyada xogta la cayimay
  • Nooca feylku waa .json
  • Nooca MIME waa “Codsi / json”

Waxaan rajeynayaa inaad kuheshay casharkaan JSON ee leh Javascript waxtar. Hadda waad qori kartaa faylasha JSON ee fudud oo qalafsan waxaadna la falgeli kartaa xargaha JSON gudaha JavaScript.