W tym przewodniku wyjaśniono, jak wykonać iterację pętli w tablicy JSON przy użyciu języka JavaScript.
Jak iterować pętlę przez tablicę JSON za pomocą JavaScript?
„ Tablica JSON Dostęp do wartości ” można uzyskać za pomocą pętli. Zapętlanie JSON (JavaScript Object Notation) jest uważane za najlepszą technikę przesyłania danych w formacie tablicowym. Dzieje się tak, ponieważ jest to lekki format do przechowywania i przesyłania wymaganych danych z jednego miejsca do drugiego.
W tej sekcji używa się powszechnie używanego „ Do ”, aby iterować tablicę JSON przy użyciu JavaScript.
Składnia (tablica JSON)
Szyk - nazwa = [ wartość1 , wartość2 , ..... wartośćN ]
Tutaj „wartość1”, „wartość2” i „wartośćN” odnoszą się do wartości, które należy powtórzyć.
Przeprowadźmy praktycznie pętlę przez tablicę „JSON” w JavaScript.
Kod HTML
Rzućmy okiem na następujący kod HTML:
< h2 > Zapętlanie przez tablicę JSON < / h2 >< P > Tablica JSON ma zero, jeden lub więcej uporządkowanych elementów oddzielonych przecinkiem. < / P >
< P ID = 'próbka' >< / P >
W powyższych liniach kodu:
- „ tag definiuje podtytuł.
- „ Znacznik ” tworzy oświadczenie akapitu.
- Wreszcie znacznik „
” definiuje pusty akapit o identyfikatorze „ próbka ”, aby wyświetlić wartości tablicy JSON.
Kod JavaScript
Następnie przejdź do kodu podanego poniżej:
< scenariusz >konst JSONtablica = '{'name':'Johnson', 'wiek':35, 'cars':['BMW', 'Honda', 'Corolla']}' ;
konst Obj = JSON. analizować ( JSONtablica ) ;
niech tekst = '' ;
Do ( niech k = 0 ; k < Obj. samochody . długość ; k ++ ) {
tekst += Obj. samochody [ k ] + ', ' ;
}
dokument. getElementById ( 'próbka' ) . wewnętrzny HTML = tekst ;
scenariusz >
W tym bloku kodu:
- Zdefiniuj tablicę JSON o nazwie „ JSONtablica ” z „ konst ” słowo kluczowe posiadające uporządkowaną listę wartości.
- „ Obj ” obiekt wykorzystuje „ analizować() ”, która konwertuje określony tekst tablicy JSON na obiekt JavaScript.
- Następnie „ tekst ” zmienna przechowuje pustą wartość.
- Następnie zastosuj „ Do ” pętla do iteracji po właściwościach „ Obj ” połączone z dołączoną tablicą JSON z kluczem „samochód”.
- Skojarz także „ długość ” i zwiększ pętlę, aby odpowiednio przeprowadzić iterację.
- Na koniec zastosuj „ getElementById() ”, aby uzyskać dostęp do dodanego pustego akapitu przy użyciu jego identyfikatora „próbka”. Wyświetli wartości tablicy JSON poprzez „ wewnętrzny HTML ' nieruchomość.
Wyjście
Dane wyjściowe pokazują wszystkie wartości dodanej tablicy JSON za pomocą pętli „for”.
Wniosek
“ tablice JSON ” można łatwo iterować za pomocą JavaScript za pomocą „ Do ' pętla. Jest to powszechny proces i jest zwykle używany w programowaniu stron internetowych do pobierania danych w formacie JSON z bazy danych lub interfejsu API. W tym przewodniku wyjaśniono krótki opis iteracji pętli przez tablicę JSON przy użyciu języka JavaScript.