Šajā rokasgrāmatā ir paskaidrots, kā atkārtot cilpu, izmantojot JSON masīvu, izmantojot JavaScript.
Kā atkārtot cilpu, izmantojot JSON masīvu, izmantojot JavaScript?
' JSON masīvs ” vērtībām var piekļūt, izmantojot cilpu. In-looping JSON (JavaScript Object Notation) tiek uzskatīts par labāko paņēmienu datu pārsūtīšanai masīva formātā. Tas ir tāpēc, ka tas ir viegls formāts nepieciešamo datu glabāšanai un pārsūtīšanai no vienas vietas uz citu.
Šajā sadaļā tiek izmantota parasti lietotā ' priekš ” cilpa, lai atkārtotu JSON masīvu, izmantojot JavaScript.
Sintakse (JSON masīvs)
Masīvs - nosaukums = [ vērtība1 , vērtība2 , ...... vērtībaN ]
Šeit “vērtība1”, “vērtība2” un “vērtībaN” attiecas uz vērtībām, kuras ir jāatkārto.
Praktiski veiksim cilpu caur “JSON” masīvu JavaScript.
HTML kods
Apskatīsim šādu HTML kodu:
< h2 > Pārlūkot JSON masīvu < / h2 >< lpp > JSON masīvā ir nulle, viens vai vairāki sakārtoti elementi, kas atdalīti ar komatu. < / lpp >
< lpp id = 'paraugs' >< / lpp >
Iepriekš minētajās koda rindās:
- ' tags nosaka apakšvirsrakstu.
- ' ” tags izveido rindkopas paziņojumu.
- Visbeidzot, tags “
” nosaka tukšu rindkopu ar ID “ paraugs ”, lai parādītu JSON masīva vērtības.
JavaScript kods
Pēc tam pārejiet uz tālāk norādīto kodu:
< skripts >konst JSONarray = '{'vārds':'Džonsons', 'vecums':35, 'automašīnas':['BMW', 'Honda', 'Corolla']}' ;
konst Obj = JSON. parsēt ( JSONarray ) ;
ļaujiet tekstam = '' ;
priekš ( lai k = 0 ; k < Obj. automašīnas . garums ; k ++ ) {
tekstu += Obj. automašīnas [ k ] + ',' ;
}
dokumentu. getElementById ( 'paraugs' ) . innerHTML = tekstu ;
skripts >
Šajā koda blokā:
- Definējiet JSON masīvu ar nosaukumu “ JSONarray ' ar ' konst ” atslēgvārdam ir sakārtots vērtību saraksts.
- ' Obj ' objekts izmanto ' parse () ” metode, kas pārvērš norādīto JSON masīva tekstu JavaScript objektā.
- Pēc tam ' tekstu ” mainīgais saglabā tukšu vērtību.
- Pēc tam izmantojiet “ priekš ' cilpa, lai atkārtotu ' īpašības Obj ” savienots ar iekļauto JSON masīvu pret atslēgu “automašīna”.
- Saistiet arī “ garums ” rekvizītu un palielināt cilpu, lai pareizi veiktu iterāciju.
- Visbeidzot, izmantojiet “ getElementById() ” metode, lai piekļūtu pievienotajai tukšajai rindkopai, izmantojot tās id “sample”. Tas parādīs JSON masīva vērtības, izmantojot “ innerHTML ” īpašums.
Izvade
Izvade parāda visas pievienotā JSON masīva vērtības, izmantojot cilpu “for”.
Secinājums
' JSON masīvi ' var viegli atkārtot, izmantojot JavaScript, izmantojot ' priekš ” cilpa. Šis ir izplatīts process, un to parasti izmanto tīmekļa izstrādē, lai izgūtu datus JSON formātā no datu bāzes vai API. Šajā rokasgrāmatā ir izskaidrots īss apraksts, lai atkārtotu cilpu JSON masīvā, izmantojot JavaScript.