Tämä opas selittää, kuinka silmukka iteroidaan JSON-taulukon läpi JavaScriptin avulla.
Kuinka iteroida silmukkaa JSON-taulukon kautta JavaScriptin avulla?
' JSON-taulukko ” arvoihin pääsee käsiksi silmukan kautta. JSON-silmukan (JavaScript Object Notation) katsotaan olevan paras tekniikka tietojen siirtämiseen taulukkomuodossa. Tämä johtuu siitä, että se on kevyt muoto tarvittavien tietojen tallentamiseen ja siirtämiseen paikasta toiseen.
Tämä osio käyttää yleisesti käytettyä ' varten '-silmukkaa toistaakseen JSON-taulukon JavaScriptin avulla.
Syntaksi (JSON-taulukko)
Array - nimi = [ arvo1 , arvo2 , ..... valueN ]
Tässä 'arvo1', 'arvo2' ja 'arvoN' viittaavat arvoihin, jotka on iteroitava.
Suoritetaan silmukka 'JSON'-taulukon läpi JavaScriptissä käytännössä.
HTML-koodi
Katsotaanpa seuraavaa HTML-koodia:
< h2 > Silmukoita JSON-taulukon läpi < / h2 >< s > JSON-taulukossa on nolla, yksi tai useampia järjestettyjä elementtejä, jotka on erotettu pilkulla. < / s >
< s id = 'näyte' >< / s >
Yllä olevilla koodiriveillä:
- ' -tunniste määrittää alaotsikon.
- ' ' -tunniste luo kappalelausekkeen.
- Lopuksi tunniste '
' määrittelee tyhjän kappaleen, jolla on tunnus ' näyte ' näyttääksesi JSON-taulukon arvot.
JavaScript-koodi
Siirry seuraavaksi alla olevaan koodiin:
< käsikirjoitus >konst JSONarray = '{'nimi':'Johnson', 'ikä':35, 'autot':['BMW', 'Honda', 'Corolla']}' ;
konst Obj = JSON. jäsentää ( JSONarray ) ;
anna tekstiä = '' ;
varten ( anna k = 0 ; k < Obj. autoja . pituus ; k ++ ) {
teksti += Obj. autoja [ k ] + ', ' ;
}
asiakirja. getElementById ( 'näyte' ) . innerHTML = teksti ;
käsikirjoitus >
Tässä koodilohkossa:
- Määritä JSON-taulukko nimeltä ' JSONarray ' kanssa ' konst ”-avainsana, jolla on järjestetty arvoluettelo.
- ' Obj '-objekti käyttää ' jäsentää() ” -menetelmä, joka muuntaa määritetyn JSON-taulukon tekstin JavaScript-objektiksi.
- Sen jälkeen ' teksti ”-muuttuja tallentaa tyhjän arvon.
- Käytä seuraavaksi ' varten 'silmukka iteroidaksesi '' ominaisuuksia Obj ' ketjutettu mukana tulevan JSON-ryhmän kanssa avainta 'auto' vastaan.
- Yhdistä myös ' pituus ”-ominaisuutta ja lisää silmukkaa suorittaaksesi iteroinnin asianmukaisesti.
- Käytä lopuksi ' getElementById() ' -menetelmää lisätäksesi tyhjään kappaleeseen sen tunnuksella 'sample'. Se näyttää JSON-taulukon arvot ' innerHTML ” omaisuutta.
Lähtö
Tulos näyttää kaikki lisätyn JSON-taulukon arvot 'for'-silmukan avulla.
Johtopäätös
' JSON-taulukot ' voidaan helposti iteroida JavaScriptin avulla ' varten 'silmukka. Tämä on yleinen prosessi, ja sitä käytetään yleensä verkkokehityksessä tietojen hakemiseen JSON-muodossa tietokannasta tai API:sta. Tässä oppaassa on selitetty lyhyt kuvaus silmukan iteroimiseksi JSON-taulukon läpi JavaScriptin avulla.