See juhend selgitab, kuidas tsüklit JSON-massiivi kaudu JavaScripti abil itereerida.
Kuidas itereerida tsüklit JSON-massiivi kaudu JavaScripti abil?
' JSON massiiv ” väärtustele pääseb juurde tsükli kaudu. JSON-i (JavaScript Object Notation) silmusesisest ahelat peetakse parimaks tehnikaks andmete edastamiseks massiivivormingus. Seda seetõttu, et see on kerge vorming vajalike andmete salvestamiseks ja ühest kohast teise ülekandmiseks.
See jaotis kasutab tavaliselt kasutatavat ' jaoks ” silmus JSON-massiivi itereerimiseks JavaScripti abil.
Süntaks (JSON-i massiiv)
Massiiv - nimi = [ väärtus1 , väärtus2 , ..... väärtusN ]
Siin viitavad 'väärtus1', 'väärtus2' ja 'väärtusN' väärtustele, mida tuleb itereerida.
Tehkem silmus praktiliselt läbi JavaScripti JSON-massiivi.
HTML-kood
Vaatame järgmist HTML-koodi:
< h2 > JSON-massiivi silmus < / h2 >< lk > JSON-massiivis on null, üks või mitu järjestatud elementi, mis on eraldatud komaga. < / lk >
< lk id = 'näidis' >< / lk >
Ülaltoodud koodiridades:
- ' märgend määrab alampealkirja.
- ' ” silt loob lõigulause.
- Lõpuks määrab märgend '
' tühja lõigu, millel on ID ' näidis JSON-massiivi väärtuste kuvamiseks.
JavaScripti kood
Järgmisena liikuge edasi alltoodud koodi juurde:
< stsenaarium >konst JSONarray = '{'nimi':'Johnson', 'vanus':35, 'autod':['BMW', 'Honda', 'Corolla']}' ;
konst Obj = JSON. sõeluda ( JSONarray ) ;
lase tekstiks = '' ;
jaoks ( las k = 0 ; k < Obj. autod . pikkus ; k ++ ) {
tekst += Obj. autod [ k ] + ', ' ;
}
dokument. getElementById ( 'näidis' ) . sisemine HTML = tekst ;
stsenaarium >
Selles koodiplokis:
- Määratlege JSON-massiv nimega ' JSONarray ' koos ' konst ” märksõna, millel on järjestatud väärtuste loend.
- ' Obj ' objekt kasutab ' parse() ” meetod, mis teisendab määratud JSON-massiivi teksti JavaScripti objektiks.
- Pärast seda ' tekst ” muutuja salvestab tühja väärtuse.
- Järgmisena rakendage ' jaoks ' tsükkel, et korrata '' atribuute Obj ” ühendatud kaasasoleva JSON-massiiviga võtme „auto” vastu.
- Samuti seostage ' pikkus ” atribuut ja suurendage tsüklit, et iteratsioon õigesti läbi viia.
- Lõpuks rakendage ' getElementById() ” meetod, et pääseda juurde lisatud tühjale lõigule, kasutades selle ID-d „näidis”. See kuvab JSON-i massiivi väärtused läbi ' sisemine HTML ” vara.
Väljund
Väljund näitab kõiki lisatud JSON-massiivi väärtusi, kasutades tsüklit 'for'.
Järeldus
“ JSON-massiivid ' saab hõlpsasti itereerida JavaScripti abil, kasutades ' jaoks 'silmus. See on tavaline protsess ja seda kasutatakse tavaliselt veebiarenduses JSON-vormingus andmete toomiseks andmebaasist või API-st. Selles juhendis on selgitatud lühikirjeldust tsükli itereerimiseks JSON-massiivi kaudu JavaScripti abil.