In deze handleiding wordt uitgelegd hoe u een lus door een JSON-array kunt herhalen met behulp van JavaScript.
Hoe herhaal je een lus door een JSON-array met behulp van JavaScript?
De ' JSON-array ”-waarden zijn toegankelijk via een lus. In-looping van de JSON (JavaScript Object Notation) wordt beschouwd als de beste techniek om gegevens in een array-indeling te transporteren. Dit komt omdat het een licht formaat is om de vereiste gegevens op te slaan en over te dragen van de ene plaats naar de andere.
In dit gedeelte wordt de veelgebruikte ' voor '-lus om een JSON-array te herhalen met behulp van JavaScript.
Syntaxis (JSON-array)
matrix - naam = [ waarde1 , waarde2 , ..... waardeN ]
Hier verwijzen 'waarde1', 'waarde2' en 'waardeN' naar de waarden die moeten worden herhaald.
Laten we de looping door een 'JSON' -array in JavaScript praktisch uitvoeren.
HTML code
Laten we de volgende HTML-code eens bekijken:
< h2 > Lussen door JSON Array < / h2 >< P > Een JSON-array heeft nul, één of meer geordende elementen, gescheiden door een komma. < / P >
< P ID kaart = 'steekproef' >< / P >
In de bovenstaande regels code:
- De ' tag definieert een subkop.
- De ' ”-tag maakt een alinea-instructie.
- Ten slotte definieert de tag '
' een lege alinea met een id ' steekproef ” om de JSON-arraywaarden weer te geven.
JavaScript-code
Ga vervolgens verder met de onderstaande code:
< script >const JSONarray = '{'name':'Johnson', 'age':35, 'cars':['BMW', 'Honda', 'Corolla']}' ;
const Obj = JSON. ontleed ( JSONarray ) ;
laat tekst = '' ;
voor ( laat k = 0 ; k < Obj. auto's . lengte ; k ++ ) {
tekst += Obj. auto's [ k ] + ', ' ;
}
document. getElementById ( 'steekproef' ) . binnenHTML = tekst ;
script >
In dit codeblok:
- Definieer een JSON-array met de naam ' JSONarray ' met een ' const ” sleutelwoord met een geordende lijst met waarden.
- De ' Obj 'object maakt gebruik van de' ontleed() ” methode die de opgegeven JSON-arraytekst converteert naar het JavaScript-object.
- Daarna is de “ tekst ” Variabele slaat een lege waarde op.
- Pas vervolgens een ' voor ' lus om de eigenschappen van ' te herhalen Obj 'aaneengeschakeld met de meegeleverde JSON-array tegen de sleutel 'auto'.
- Koppel ook de ' lengte ” eigenschap en verhoog de lus om de iteratie op de juiste manier uit te voeren.
- Pas ten slotte de ' getElementById() '-methode om toegang te krijgen tot de toegevoegde lege alinea met behulp van de id 'sample'. Het zal de JSON-arraywaarden weergeven via de ' binnenHTML ' eigendom.
Uitgang
De uitvoer toont alle waarden van de toegevoegde JSON-array met behulp van de 'for'-lus.
Conclusie
“ JSON-arrays ” kan eenvoudig worden herhaald met behulp van JavaScript met behulp van de “ voor ” lus. Dit is een veelgebruikt proces en wordt over het algemeen gebruikt bij webontwikkeling om de gegevens in JSON-formaat uit de database of de API te halen. Deze gids heeft een korte beschrijving uitgelegd om een lus door een JSON-array te herhalen met behulp van JavaScript.