Ez az útmutató elmagyarázza, hogyan iterálhat egy hurkot egy JSON-tömbön keresztül JavaScript használatával.
Hogyan iterálhatunk hurkot JSON-tömbön keresztül JavaScript használatával?
A ' JSON tömb ” értékek hurkon keresztül érhetők el. A JSON (JavaScript Object Notation) hurokba foglalása a legjobb technika az adatok tömbformátumban történő továbbítására. Ez azért van így, mert ez egy könnyű formátum a szükséges adatok tárolására és egyik helyről a másikra való átvitelére.
Ez a szakasz a gyakran használt ' számára ” ciklus egy JSON-tömb iterálásához JavaScript használatával.
Szintaxis (JSON-tömb)
Sor - név = [ érték1 , érték2 , ..... értékN ]
Itt az „érték1”, „érték2” és „értékN” az ismétlendő értékekre utal.
Gyakorlatilag végezzük el a hurkot egy „JSON” tömbön keresztül JavaScriptben.
HTML kód
Nézzük meg a következő HTML kódot:
< h2 > JSON-tömbön keresztüli hurok < / h2 >< p > A JSON-tömb nulla, egy vagy több rendezett elemet tartalmaz, vesszővel elválasztva. < / p >
< p id = 'minta' >< / p >
A fenti kódsorokban:
- A ' címke egy alcímet határoz meg.
- A ' ” címke bekezdés utasítást hoz létre.
- Végül a '
' címke egy üres bekezdést határoz meg, amelynek azonosítója ' minta ” a JSON tömbértékek megjelenítéséhez.
JavaScript kód
Ezután lépjen tovább az alább megadott kódra:
< forgatókönyv >const JSONarray = '{'név':'Johnson', 'életkor':35, 'autók':['BMW', 'Honda', 'Corolla']}' ;
const Obj = JSON. elemezni ( JSONarray ) ;
hagyjon szöveget = '' ;
számára ( legyen k = 0 ; k < Obj. autók . hossz ; k ++ ) {
szöveg += Obj. autók [ k ] + ', ' ;
}
dokumentum. getElementById ( 'minta' ) . innerHTML = szöveg ;
forgatókönyv >
Ebben a kódblokkban:
- Határozzon meg egy '' nevű JSON-tömböt JSONarray ' val,-vel ' const ” kulcsszó rendezett értéklistával.
- A ' Obj ' objektum a ' parse() ” metódus, amely a megadott JSON-tömb szövegét JavaScript objektummá alakítja.
- Ezt követően a „ szöveg ” változó egy üres értéket tárol.
- Ezután alkalmazzon egy „ számára ' ciklus a ' tulajdonságain át iterálva Obj ” összefűzve a mellékelt JSON-tömbbel az „autó” kulcshoz.
- Társítsa a „ hossz ” tulajdonságot, és növelje a ciklust az iteráció megfelelő végrehajtásához.
- Végül alkalmazza a „ getElementById() ” metódussal hozzáférhet a hozzáadott üres bekezdéshez a „minta” azonosítójával. A JSON tömb értékeit a „ innerHTML ' ingatlan.
Kimenet
A kimenet megjeleníti a hozzáadott JSON-tömb összes értékét a „for” ciklus használatával.
Következtetés
' JSON tömbök ' könnyen iterálható JavaScript segítségével a ' számára ” hurok. Ez egy gyakori folyamat, és általában a webfejlesztésben használják az adatok JSON formátumban való lekérésére az adatbázisból vagy az API-ból. Ez az útmutató egy rövid leírást tartalmaz egy JSON-tömbön keresztüli ciklus iterálásához JavaScript használatával.