Aquesta guia explicarà com repetir un bucle a través d'una matriu JSON mitjançant JavaScript.
Com iterar un bucle a través d'una matriu JSON mitjançant JavaScript?
El ' Matriu JSON ” es pot accedir als valors mitjançant un bucle. En bucle, el JSON (JavaScript Object Notation) es considera la millor tècnica per transportar dades en un format de matriu. Això es deu al fet que és un format lleuger per emmagatzemar i transferir les dades necessàries d'un lloc a un altre.
Aquesta secció utilitza l'ús habitual ' per ” bucle per iterar una matriu JSON mitjançant JavaScript.
Sintaxi (matriu JSON)
Matriu - nom = [ valor 1 , valor 2 , ..... valor N ]
Aquí, 'valor1', 'valor 2' i 'valorN' es refereixen als valors que s'han d'iterar.
Realitzem pràcticament el bucle a través d'una matriu 'JSON' en JavaScript.
Codi HTML
Fem una ullada al següent codi HTML:
< h2 > Recorregut a través de la matriu JSON < / h2 >< pàg > Una matriu JSON té zero, un o més elements ordenats, separats per una coma. < / pàg >
< pàg id = 'mostra' >< / pàg >
A les línies de codi anteriors:
- El ' L'etiqueta defineix un subtítol.
- El ' ” crea una declaració de paràgraf.
- Finalment, l'etiqueta '
' defineix un paràgraf buit amb un identificador ' mostra ” per mostrar els valors de la matriu JSON.
Codi JavaScript
A continuació, aneu al codi proporcionat a continuació:
< guió >const JSONarray = '{'name':'Johnson', 'edat':35, 'cotxes':['BMW', 'Honda', 'Corolla']}' ;
const Obj = JSON. analitzar ( JSONarray ) ;
deixar text = '' ;
per ( deixem k = 0 ; k < Obj. cotxes . llargada ; k ++ ) {
text += Obj. cotxes [ k ] + ', ' ;
}
document. getElementById ( 'mostra' ) . innerHTML = text ;
guió >
En aquest bloc de codi:
- Definiu una matriu JSON anomenada ' JSONarray ' amb una ' const ” paraula clau que té una llista ordenada de valors.
- El ' Obj 'L'objecte utilitza el ' analitzar () ” mètode que converteix el text de la matriu JSON especificat a l'objecte JavaScript.
- Després d'això, el ' text ” La variable emmagatzema un valor buit.
- A continuació, apliqueu un ' per ' bucle per iterar sobre les propietats de ' Obj ” concatenat amb la matriu JSON inclosa contra la clau “cotxe”.
- A més, associa el ' llargada ” i incrementeu el bucle per dur a terme la iteració adequadament.
- Finalment, apliqueu el ' getElementById() ” per accedir al paràgraf buit afegit mitjançant el seu identificador “mostra”. Mostrarà els valors de la matriu JSON a través del ' innerHTML ' propietat.
Sortida
La sortida mostra tots els valors de la matriu JSON afegida mitjançant el bucle 'for'.
Conclusió
“ Matrius JSON ' es pot repetir fàcilment mitjançant JavaScript amb l'ajuda del ' per ” bucle. Aquest és un procés comú i s'utilitza generalment en el desenvolupament web per recuperar les dades en format JSON de la base de dades o l'API. Aquesta guia ha explicat una breu descripció per repetir un bucle a través d'una matriu JSON mitjançant JavaScript.