Tato příručka vysvětlí, jak iterovat smyčku přes pole JSON pomocí JavaScriptu.
Jak iterovat smyčku přes pole JSON pomocí JavaScriptu?
' Pole JSON ” k hodnotám lze přistupovat pomocí smyčky. In-looping JSON (JavaScript Object Notation) je považován za nejlepší techniku přenosu dat ve formátu pole. Jde totiž o lehký formát pro ukládání a přenos požadovaných dat z jednoho místa na druhé.
Tato sekce používá běžně používané „ pro ” smyčka pro iteraci pole JSON pomocí JavaScriptu.
Syntaxe (JSON Array)
Pole - název = [ hodnota1 , hodnota2 , ..... hodnotaN ]
Zde „hodnota1“, „hodnota2“ a „hodnotaN“ označují hodnoty, které je třeba iterovat.
Proveďme cyklování přes pole „JSON“ v JavaScriptu prakticky.
HTML kód
Podívejme se na následující HTML kód:
< h2 > Smyčka přes JSON Array < / h2 >< p > Pole JSON má nula, jeden nebo více uspořádaných prvků oddělených čárkou. < / p >
< p id = 'vzorek' < / p >
Ve výše uvedených řádcích kódu:
- ' tag definuje podnadpis.
- ' ” vytvoří příkaz odstavce.
- Konečně značka „
“ definuje prázdný odstavec s id „ vzorek ” pro zobrazení hodnot pole JSON.
JavaScript kód
Dále přejděte na níže uvedený kód:
< skript >konst JSONarray = '{'name':'Johnson', 'age':35, 'cars':['BMW', 'Honda', 'Corolla']}' ;
konst Obj = JSON. rozebrat ( JSONarray ) ;
nechat text = '' ;
pro ( nechat k = 0 ; k < Obj. auta . délka ; k ++ ) {
text += Obj. auta [ k ] + ',' ;
}
dokument. getElementById ( 'vzorek' ) . vnitřní HTML = text ;
skript >
V tomto bloku kódu:
- Definujte pole JSON s názvem „ JSONarray ' s ' konst ” klíčové slovo s uspořádaným seznamem hodnot.
- ' Obj “ objekt využívá “ parse() ” metoda, která převede zadaný text pole JSON na objekt JavaScript.
- Poté se „ text ” proměnná ukládá prázdnou hodnotu.
- Dále použijte „ pro ” smyčka pro iteraci přes vlastnosti “ Obj ” zřetězený s přiloženým polem JSON proti klíči „auto“.
- Spojte také „ délka ” a inkrementujte smyčku, aby se iterace provedla správně.
- Nakonec použijte „ getElementById() ” pro přístup k přidanému prázdnému odstavci pomocí jeho id „sample“. Zobrazí hodnoty pole JSON prostřednictvím „ vnitřní HTML ' vlastnictví.
Výstup
Výstup zobrazuje všechny hodnoty přidaného pole JSON pomocí smyčky „for“.
Závěr
“ Pole JSON “ lze snadno iterovat pomocí JavaScriptu pomocí „ pro “smyčka. Toto je běžný proces a obecně se používá při vývoji webu k načtení dat ve formátu JSON z databáze nebo rozhraní API. Tato příručka vysvětlila stručný popis iterace smyčky přes pole JSON pomocí JavaScriptu.