Acest ghid va explica cum să repetați o buclă printr-o matrice JSON folosind JavaScript.
Cum se repetă o buclă printr-o matrice JSON folosind JavaScript?
„ matrice JSON ” valorile pot fi accesate printr-o buclă. Realizarea în buclă a JSON (JavaScript Object Notation) este considerată cea mai bună tehnică de transport de date într-un format de matrice. Acest lucru se datorează faptului că este un format ușor pentru a stoca și a transfera datele necesare dintr-un loc în altul.
Această secțiune utilizează în mod obișnuit „ pentru ” buclă pentru a repeta o matrice JSON folosind JavaScript.
Sintaxă (matrice JSON)
Matrice - Nume = [ valoare1 , valoarea2 , ..... valoarea N ]
Aici, „valoare1”, „valoare2” și „valoareN” se referă la valorile care trebuie repetate.
Să efectuăm practic bucla printr-o matrice „JSON” în JavaScript.
Cod HTML
Să aruncăm o privire la următorul cod HTML:
< h2 > Buclă prin JSON Array < / h2 >< p > O matrice JSON are zero, unul sau mai multe elemente ordonate, separate prin virgulă. < / p >
< p id = 'probă' >< / p >
În rândurile de cod de mai sus:
- „ eticheta definește un subtitlu.
- „ ” eticheta creează o declarație de paragraf.
- În cele din urmă, eticheta „
” definește un paragraf gol având un id „ probă ” pentru a afișa valorile matricei JSON.
Cod JavaScript
Apoi, treceți la codul furnizat mai jos:
< scenariu >const JSONarray = „{'name':'Johnson', 'age':35, 'mașini':['BMW', 'Honda', 'Corolla']}' ;
const Obj = JSON. analiza ( JSONarray ) ;
lasa text = '' ;
pentru ( fie k = 0 ; k < Obj. mașini . lungime ; k ++ ) {
text += Obj. mașini [ k ] + ', ' ;
}
document. getElementById ( 'probă' ) . innerHTML = text ;
scenariu >
În acest bloc de cod:
- Definiți o matrice JSON numită „ JSONarray ' cu ' const ” cuvânt cheie având o listă ordonată de valori.
- „ Obj ” obiectul folosește „ analiza() ” care convertește textul matricei JSON specificat în obiectul JavaScript.
- După aceea, „ text ” variabila stochează o valoare goală.
- Apoi, aplicați un „ pentru bucla ” pentru a repeta peste proprietățile lui “ Obj ” concatenat cu matricea JSON inclusă împotriva cheii „mașină”.
- De asemenea, asociați „ lungime ” și incrementați bucla pentru a efectua iterația în mod corespunzător.
- În cele din urmă, aplicați „ getElementById() ” pentru a accesa paragraful gol adăugat folosind id-ul „probă”. Acesta va afișa valorile matricei JSON prin „ innerHTML ” proprietate.
Ieșire
Ieșirea arată toate valorile matricei JSON adăugate folosind bucla „for”.
Concluzie
„ matrice JSON ” poate fi repetat cu ușurință folosind JavaScript cu ajutorul „ pentru ” buclă. Acesta este un proces comun și este utilizat în general în dezvoltarea web pentru a prelua datele în format JSON din baza de date sau API. Acest ghid a explicat o scurtă descriere pentru a repeta o buclă printr-o matrice JSON folosind JavaScript.