Denne vejledning vil forklare, hvordan man itererer en loop gennem et JSON-array ved hjælp af JavaScript.
Hvordan gentages en loop gennem et JSON-array ved hjælp af JavaScript?
Det ' JSON-array ”-værdier kan tilgås via en loop. In-looping af JSON (JavaScript Object Notation) betragtes som den bedste teknik til at transportere data i et array-format. Dette skyldes, at det er et let format til at gemme og overføre de nødvendige data fra et sted til et andet.
Dette afsnit bruger det almindeligt anvendte ' til ”-løkke for at iterere et JSON-array ved hjælp af JavaScript.
Syntaks (JSON-array)
Array - navn = [ værdi1 , værdi2 , ..... værdiN ]
Her henviser 'værdi1', 'værdi2' og 'værdiN' til de værdier, der skal gentages.
Lad os udføre loopingen gennem et 'JSON'-array i JavaScript praktisk talt.
HTML kode
Lad os tage et kig på følgende HTML-kode:
< h2 > Sløjfer gennem JSON Array < / h2 >< s > Et JSON-array har nul, et eller flere ordnede elementer, adskilt af et komma. < / s >
< s id = 'prøve' >< / s >
I ovenstående kodelinjer:
- Det ' tag definerer en underoverskrift.
- Det ' ” tag opretter en afsnitssætning.
- Til sidst definerer tagget '
' et tomt afsnit med et id ' prøve ” for at vise JSON-arrayværdierne.
JavaScript kode
Gå derefter videre til nedenstående kode:
< manuskript >konst JSONarray = '{'name':'Johnson', 'age':35, 'cars':['BMW', 'Honda', 'Corolla']}' ;
konst Obj = JSON. parse ( JSONarray ) ;
lad tekst = '' ;
til ( lad k = 0 ; k < Obj. biler . længde ; k ++ ) {
tekst += Obj. biler [ k ] + ', ' ;
}
dokument. getElementById ( 'prøve' ) . indreHTML = tekst ;
manuskript >
I denne kodeblok:
- Definer et JSON-array med navnet ' JSONarray ' med en ' konst ” nøgleord med en ordnet liste over værdier.
- Det ' Obj objekt bruger ' parse() ”-metode, der konverterer den angivne JSON-arraytekst til JavaScript-objektet.
- Derefter vil ' tekst variabel gemmer en tom værdi.
- Anvend derefter en ' til ' sløjfe for at gentage egenskaberne for ' Obj ” sammenkædet med det medfølgende JSON-array mod nøglen “bil”.
- Tilknyt også ' længde ” egenskab og inkrementere løkken for at udføre iterationen korrekt.
- Til sidst skal du anvende ' getElementById() ” metode til at få adgang til det tilføjede tomme afsnit ved hjælp af dets id “sample”. Det vil vise JSON-arrayværdierne gennem ' indreHTML ” ejendom.
Produktion
Outputtet viser alle værdierne af det tilføjede JSON-array ved hjælp af 'for'-løkken.
Konklusion
“ JSON-arrays ' kan nemt gentages ved hjælp af JavaScript ved hjælp af ' til ” sløjfe. Dette er en almindelig proces og bruges generelt i webudvikling til at hente data i JSON-format fra databasen eller API'en. Denne vejledning har forklaret en kort beskrivelse til iteration af en løkke gennem et JSON-array ved hjælp af JavaScript.