Ovaj će vodič objasniti kako ponavljati petlju kroz JSON niz pomoću JavaScripta.
Kako ponoviti petlju kroz JSON polje pomoću JavaScripta?
' JSON polje ” vrijednostima se može pristupiti putem petlje. In-looping JSON (JavaScript Object Notation) smatra se najboljom tehnikom za prijenos podataka u formatu polja. To je zato što je to lagani format za pohranu i prijenos potrebnih podataka s jednog mjesta na drugo.
Ovaj odjeljak koristi često korišteni ' za ” za ponavljanje JSON polja pomoću JavaScripta.
Sintaksa (JSON polje)
Niz - Ime = [ vrijednost1 , vrijednost2 , ..... vrijednostN ]
Ovdje se 'vrijednost1', 'vrijednost2' i 'vrijednostN' odnose na vrijednosti koje je potrebno ponoviti.
Izvedimo praktično petlju kroz 'JSON' polje u JavaScriptu.
HTML kôd
Pogledajmo sljedeći HTML kod:
< h2 > Prolazak kroz JSON niz < / h2 >< str > JSON niz ima nula, jedan ili više uređenih elemenata odvojenih zarezom. < / str >
< str iskaznica = 'uzorak' >< / str >
U gornjim redcima koda:
- ' oznaka definira podnaslov.
- ' ” stvara naredbu odlomka.
- Na kraju, oznaka “
” definira prazan odlomak koji ima ID “ uzorak ” za prikaz vrijednosti JSON polja.
JavaScript kod
Zatim prijeđite na dolje navedeni kod:
< skripta >konst JSONarray = '{'name':'Johnson', 'age':35, 'automobili':['BMW', 'Honda', 'Corolla']}' ;
konst Obj = JSON. raščlaniti ( JSONarray ) ;
pusti tekst = '' ;
za ( neka k = 0 ; k < Obj. automobili . duljina ; k ++ ) {
tekst += Obj. automobili [ k ] + ', ' ;
}
dokument. getElementById ( 'uzorak' ) . unutarnjiHTML = tekst ;
skripta >
U ovom bloku koda:
- Definirajte JSON polje pod nazivom ' JSONarray ' s ' konst ” ključna riječ s uređenim popisom vrijednosti.
- ' Obj ' objekt koristi ' raščlaniti() ” metoda koja pretvara navedeni tekst JSON polja u JavaScript objekt.
- Nakon toga, ' tekst ” varijabla pohranjuje praznu vrijednost.
- Zatim primijenite ' za ” petlja za ponavljanje preko svojstava “ Obj ” spojen s uključenim JSON poljem uz ključ “auto”.
- Također, pridružite ' duljina ” svojstvo i povećajte petlju kako biste pravilno izvršili iteraciju.
- Na kraju primijenite ' getElementById() ” za pristup dodanom praznom odlomku koristeći njegov ID „uzorak”. Prikazat će vrijednosti JSON polja kroz ' unutarnjiHTML ” vlasništvo.
Izlaz
Izlaz prikazuje sve vrijednosti dodanog JSON polja pomoću petlje 'for'.
Zaključak
“ JSON polja ” može se lako ponavljati pomoću JavaScripta uz pomoć „ za ' petlja. Ovo je uobičajeni postupak i općenito se koristi u web razvoju za dohvaćanje podataka u JSON formatu iz baze podataka ili API-ja. Ovaj vodič objašnjava kratak opis ponavljanja petlje kroz JSON niz pomoću JavaScripta.