V tem priročniku je razloženo, kako ponoviti zanko skozi polje JSON z uporabo JavaScripta.
Kako ponoviti zanko skozi polje JSON z uporabo JavaScripta?
' Niz JSON Do vrednosti je mogoče dostopati prek zanke. In-looping JSON (JavaScript Object Notation) velja za najboljšo tehniko za prenos podatkov v formatu polja. To je zato, ker je lahek format za shranjevanje in prenos zahtevanih podatkov z enega mesta na drugega.
Ta razdelek uporablja pogosto uporabljeno ' za ” zanko za ponavljanje matrike JSON z uporabo JavaScripta.
Sintaksa (polje JSON)
Array - ime = [ vrednost1 , vrednost2 , ..... vrednostN ]
Tu se »vrednost1«, »vrednost2« in »vrednostN« nanašajo na vrednosti, ki jih je treba ponoviti.
Izvedimo praktično zanko skozi polje »JSON« v JavaScriptu.
HTML koda
Oglejmo si naslednjo kodo HTML:
< h2 > Zanka skozi polje JSON < / h2 >< str > Matrika JSON ima nič, enega ali več urejenih elementov, ločenih z vejico. < / str >
< str id = 'vzorec' >< / str >
V zgornjih vrsticah kode:
- ' Tag določa podnaslov.
- ' ” ustvari stavek odstavka.
- Nazadnje, oznaka “
” definira prazen odstavek z ID-jem “ vzorec ” za prikaz vrednosti polja JSON.
Koda JavaScript
Nato pojdite na spodnjo kodo:
< scenarij >konst JSONarray = '{'name':'Johnson', 'age':35, 'avtomobili':['BMW', 'Honda', 'Corolla']}' ;
konst Obj = JSON. razčleniti ( JSONarray ) ;
naj besedilo = '' ;
za ( naj k = 0 ; k < Obj. avtomobili . dolžina ; k ++ ) {
besedilo += Obj. avtomobili [ k ] + ', ' ;
}
dokument. getElementById ( 'vzorec' ) . notranjiHTML = besedilo ;
scenarij >
V tem kodnem bloku:
- Definirajte matriko JSON z imenom ' JSONarray ' z ' konst ” z urejenim seznamom vrednosti.
- ' Obj ' objekt uporablja ' razčleniti() ”, ki pretvori navedeno besedilo polja JSON v objekt JavaScript.
- Po tem je ' besedilo ” shrani prazno vrednost.
- Nato uporabite » za ' zanko za ponavljanje lastnosti ' Obj «, povezano z vključeno matriko JSON proti ključu »car«.
- Povežite tudi » dolžina ” in povečajte zanko, da ustrezno izvedete iteracijo.
- Na koncu uporabite » getElementById() « za dostop do dodanega praznega odstavka z uporabo njegovega ID-ja »vzorca«. Prikazal bo vrednosti polja JSON skozi » notranjiHTML ” lastnina.
Izhod
Izhod prikazuje vse vrednosti dodane matrike JSON z uporabo zanke »za«.
Zaključek
“ polja JSON ' je mogoče enostavno ponavljati z uporabo JavaScripta s pomočjo ' za ” zanke. To je običajen postopek in se običajno uporablja v spletnem razvoju za pridobivanje podatkov v formatu JSON iz baze podatkov ali API-ja. V tem priročniku je razložen kratek opis ponavljanja zanke skozi polje JSON z uporabo JavaScripta.