Den här guiden kommer att förklara hur man itererar en loop genom en JSON-array med JavaScript.
Hur man itererar en loop genom en JSON-array med hjälp av JavaScript?
den ' JSON-array ”-värden kan nås via en loop. In-looping av JSON (JavaScript Object Notation) anses vara den bästa tekniken för att transportera data i ett arrayformat. Detta beror på att det är ett lätt format för att lagra och överföra nödvändiga data från en plats till en annan.
Det här avsnittet använder det vanligaste ' för ” loop för att iterera en JSON-array med JavaScript.
Syntax (JSON Array)
Array - namn = [ värde1 , värde2 , ..... värdeN ]
Här hänvisar 'värde1', 'värde2' och 'värdeN' till de värden som måste itereras.
Låt oss utföra looping genom en 'JSON'-array i JavaScript praktiskt taget.
HTML-kod
Låt oss ta en titt på följande HTML-kod:
< h2 > Går igenom JSON Array < / h2 >< sid > En JSON-array har noll, ett eller flera ordnade element, separerade med kommatecken. < / sid >
< sid id = 'prov' >< / sid >
I kodraderna ovan:
- den ' taggen definierar en underrubrik.
- den ' ”-taggen skapar en paragrafsats.
- Slutligen definierar taggen '
' ett tomt stycke med ett id ' prov ” för att visa JSON-matrisvärdena.
JavaScript-kod
Gå sedan vidare till koden nedan:
< manus >konst JSONarray = '{'name':'Johnson', 'age':35, 'cars':['BMW', 'Honda', 'Corolla']}' ;
konst Obj = JSON. analysera ( JSONarray ) ;
låt text = '' ;
för ( låt k = 0 ; k < Obj. bilar . längd ; k ++ ) {
text += Obj. bilar [ k ] + ', ' ;
}
dokumentera. getElementById ( 'prov' ) . innerHTML = text ;
manus >
I detta kodblock:
- Definiera en JSON-array med namnet ' JSONarray ' med en ' konst ” nyckelord som har en ordnad lista med värden.
- den ' Obj objekt använder ' parse() ”-metod som konverterar den angivna JSON-arraytexten till JavaScript-objektet.
- Efter det kommer ' text ” variabel lagrar ett tomt värde.
- Applicera sedan en ' för ' loop för att iterera över egenskaperna för ' Obj ” sammanlänkade med den medföljande JSON-arrayen mot nyckeln ”bil”.
- Koppla också till ' längd ” egenskap och inkrementera slingan för att utföra iterationen på rätt sätt.
- Till sist, använd ' getElementById() ”-metoden för att komma åt det tillagda tomma stycket med hjälp av dess id ”sample”. Det kommer att visa JSON-matrisvärdena genom ' innerHTML ' fast egendom.
Produktion
Utdata visar alla värden för den tillagda JSON-arrayen med hjälp av 'for'-loopen.
Slutsats
' JSON-matriser ' kan enkelt itereras med hjälp av JavaScript med hjälp av ' för ” slinga. Detta är en vanlig process och används vanligtvis inom webbutveckling för att hämta data i JSON-format från databasen eller API:et. Den här guiden har förklarat en kort beskrivning för att iterera en loop genom en JSON-array med JavaScript.