Denne veiledningen vil forklare hvordan du itererer en løkke gjennom en JSON-matrise ved hjelp av JavaScript.
Hvordan iterere en sløyfe gjennom en JSON-array ved å bruke JavaScript?
« JSON-array ”-verdier kan nås via en loop. In-looping av JSON (JavaScript Object Notation) regnes som den beste teknikken for å transportere data i et matriseformat. Dette er fordi det er et lett format for å lagre og overføre de nødvendige dataene fra ett sted til et annet.
Denne delen bruker den ofte brukte ' til ”-løkke for å iterere en JSON-matrise ved hjelp av JavaScript.
Syntaks (JSON-array)
Array - Navn = [ verdi1 , verdi2 , ..... verdiN ]
Her refererer 'verdi1', 'verdi2' og 'verdiN' til verdiene som må itereres.
La oss utføre loopingen gjennom en 'JSON'-array i JavaScript praktisk talt.
HTML-kode
La oss ta en titt på følgende HTML-kode:
< h2 > Sløyfer gjennom JSON Array < / h2 >< s > En JSON-matrise har null, ett eller flere ordnede elementer, atskilt med komma. < / s >
< s id = 'prøve' >< / s >
I kodelinjene ovenfor:
- « tag definerer en underoverskrift.
- « ”-taggen oppretter en avsnittssetning.
- Til slutt definerer '
'-taggen et tomt avsnitt som har en id ' prøve ' for å vise JSON-matriseverdiene.
JavaScript-kode
Deretter går du videre til koden nedenfor:
< manus >konst JSONarray = '{'name':'Johnson', 'age':35, 'cars':['BMW', 'Honda', 'Corolla']}' ;
konst Obj = JSON. analysere ( JSONarray ) ;
la tekst = '' ;
til ( la k = 0 ; k < Obj. biler . lengde ; k ++ ) {
tekst += Obj. biler [ k ] + ', ' ;
}
dokument. getElementById ( 'prøve' ) . indreHTML = tekst ;
manus >
I denne kodeblokken:
- Definer en JSON-matrise kalt ' JSONarray ' med en ' konst ' nøkkelord som har en ordnet liste over verdier.
- « Obj '-objektet bruker ' analysere() ”-metoden som konverterer den angitte JSON-matriseteksten til JavaScript-objektet.
- Etter det, ' tekst variabel lagrer en tom verdi.
- Deretter bruker du en ' til ' loop for å iterere over egenskapene til ' Obj ' sammenkoblet med den inkluderte JSON-arrayen mot nøkkelen 'bil'.
- Knytt også til ' lengde ” egenskap og øke løkken for å utføre iterasjonen på riktig måte.
- Til slutt, bruk ' getElementById() '-metoden for å få tilgang til det tomme avsnittet som er lagt til ved å bruke ID-en 'sample'. Den vil vise JSON-matriseverdiene gjennom ' indreHTML ' eiendom.
Produksjon
Utdataene viser alle verdiene til den tillagte JSON-matrisen ved å bruke 'for'-løkken.
Konklusjon
' JSON-matriser ' kan enkelt itereres ved hjelp av JavaScript ved hjelp av ' til ' Løkke. Dette er en vanlig prosess og brukes vanligvis i webutvikling for å hente data i JSON-format fra databasen eller API. Denne veiledningen har forklart en kort beskrivelse for å iterere en løkke gjennom en JSON-matrise ved hjelp av JavaScript.