Táto príručka vysvetlí, ako iterovať slučku cez pole JSON pomocou JavaScriptu.
Ako iterovať slučku cez pole JSON pomocou JavaScriptu?
' Pole JSON ” hodnoty sú prístupné cez slučku. In-looping JSON (JavaScript Object Notation) sa považuje za najlepšiu techniku na prenos údajov vo formáte poľa. Ide totiž o ľahký formát na ukladanie a prenos požadovaných údajov z jedného miesta na druhé.
Táto časť používa bežne používané „ pre ” na iteráciu poľa JSON pomocou JavaScriptu.
Syntax (pole JSON)
Pole - názov = [ hodnota1 , hodnota2 , ..... hodnotaN ]
Tu „value1“, „value2“ a „valueN“ označujú hodnoty, ktoré je potrebné iterovať.
Vykonajte cyklovanie cez pole „JSON“ v JavaScripte prakticky.
HTML kód
Pozrime sa na nasledujúci HTML kód:
< h2 > Slučovanie cez pole JSON < / h2 >< p > Pole JSON má nula, jeden alebo viac usporiadaných prvkov oddelených čiarkou. < / p >
< p id = 'vzorka' < / p >
Vo vyššie uvedených riadkoch kódu:
- ' tag definuje podnadpis.
- ' Značka ” vytvorí odsek.
- Nakoniec značka „
“ definuje prázdny odsek s id „ vzorka ” na zobrazenie hodnôt poľa JSON.
JavaScript kód
Ďalej prejdite na nižšie uvedený kód:
< skript >konšt JSONarray = '{'meno':'Johnson', 'vek':35, 'autá':['BMW', 'Honda', 'Corolla']}' ;
konšt Obj = JSON. rozobrať ( JSONarray ) ;
nechať text = '' ;
pre ( nech k = 0 ; k < Obj. autá . dĺžka ; k ++ ) {
text += Obj. autá [ k ] + ',' ;
}
dokument. getElementById ( 'vzorka' ) . innerHTML = text ;
skript >
V tomto bloku kódu:
- Definujte pole JSON s názvom „ JSONarray ' s ' konšt ” kľúčové slovo s usporiadaným zoznamom hodnôt.
- ' Obj “objekt využíva “ analyzovať () ” metóda, ktorá konvertuje zadaný text poľa JSON na objekt JavaScript.
- Potom sa „ text ” premenná ukladá prázdnu hodnotu.
- Ďalej použite „ pre 'cyklus na iteráciu vlastností ' Obj ” zreťazený s priloženým poľom JSON oproti kľúču „auto“.
- Pripojte tiež „ dĺžka ” a zvýšte cyklus, aby sa iterácia vykonala správne.
- Nakoniec použite „ getElementById() “ na prístup k pridanému prázdnemu odseku pomocou jeho id „vzorka“. Zobrazí hodnoty poľa JSON prostredníctvom „ innerHTML ' nehnuteľnosť.
Výkon
Výstup zobrazuje všetky hodnoty pridaného poľa JSON pomocou cyklu „for“.
Záver
“ Polia JSON “ možno ľahko opakovať pomocou JavaScriptu pomocou „ pre “slučka. Toto je bežný proces a vo všeobecnosti sa používa pri vývoji webu na získanie údajov vo formáte JSON z databázy alebo rozhrania API. Táto príručka vysvetlila krátky popis iterácie slučky cez pole JSON pomocou JavaScriptu.