Questa guida spiegherà come iterare un ciclo attraverso un array JSON utilizzando JavaScript.
Come eseguire l'iterazione di un ciclo attraverso un array JSON utilizzando JavaScript?
IL ' Matrice JSON ” è possibile accedere ai valori tramite un loop. L'in-looping del JSON (JavaScript Object Notation) è considerato la tecnica migliore per trasportare i dati in un formato array. Questo perché è un formato leggero per archiviare e trasferire i dati richiesti da un luogo all'altro.
Questa sezione utilizza il comunemente usato ' per ” per iterare un array JSON utilizzando JavaScript.
Sintassi (array JSON)
Vettore - nome = [ valore1 , valore2 , ..... valoreN ]
Qui, 'value1', 'value2' e 'valueN' si riferiscono ai valori che devono essere iterati.
Eseguiamo praticamente il looping attraverso un array 'JSON' in JavaScript.
Codice HTML
Diamo un'occhiata al seguente codice HTML:
< h2 > Ciclo attraverso l'array JSON < / h2 >< P > Un array JSON ha zero, uno o più elementi ordinati, separati da una virgola. < / P >
< P id = 'campione' >< / P >
Nelle righe di codice precedenti:
- IL ' tag definisce un sottotitolo.
- IL ' Il tag ” crea un'istruzione di paragrafo.
- Infine, il tag '
' definisce un paragrafo vuoto con un id ' campione ” per visualizzare i valori dell'array JSON.
codice javascript
Successivamente, passa al codice fornito di seguito:
< copione >cost JSONarray = '{'name':'Johnson', 'age':35, 'cars':['BMW', 'Honda', 'Corolla']}' ;
cost Ogg = JSON. analizzare ( JSONarray ) ;
lascia il testo = '' ;
per ( lascia k = 0 ; K < Ogg. automobili . lunghezza ; K ++ ) {
testo += Ogg. automobili [ K ] + ',' ;
}
documento. getElementById ( 'campione' ) . innerHTML = testo ;
copione >
In questo blocco di codice:
- Definisci un array JSON denominato ' JSONarray ' con un ' cost ” parola chiave con un elenco ordinato di valori.
- IL ' Ogg ” oggetto utilizza il “ analizza() ” che converte il testo dell'array JSON specificato nell'oggetto JavaScript.
- Dopodiché il “ testo La variabile ” memorizza un valore vuoto.
- Successivamente, applica un ' per ” ciclo per iterare sulle proprietà di “ Ogg ” concatenato con l'array JSON incluso contro la chiave “car”.
- Inoltre, associa il ' lunghezza ” e incrementare il ciclo per eseguire l'iterazione in modo appropriato.
- Infine, applica il ' getElementById() ” per accedere al paragrafo vuoto aggiunto usando il suo id “sample”. Visualizzerà i valori dell'array JSON attraverso il ' innerHTML ' proprietà.
Produzione
L'output mostra tutti i valori dell'array JSON aggiunto utilizzando il ciclo 'for'.
Conclusione
“ Array JSON ' può essere facilmente iterato utilizzando JavaScript con l'aiuto del ' per ' ciclo continuo. Questo è un processo comune e viene generalmente utilizzato nello sviluppo web per recuperare i dati in formato JSON dal database o dall'API. Questa guida ha spiegato una breve descrizione per iterare un ciclo attraverso un array JSON usando JavaScript.