Tämä opas tarjoaa seuraavan sisällön:
- JSON-objektien joukon käyttäminen JavaScriptissä
- Esimerkki 1: JSON-objektien taulukon luominen
- Esimerkki 2: JSON-objektien taulukon käyttäminen
- Esimerkki 3: Lisää tai poista JSON-objektien joukko
Kuinka käyttää JSON-objektien joukkoa JavaScriptissä?
JSON-objekti on pohjimmiltaan JavaScript-pohjainen objekti. Näitä objekteja voidaan käyttää taulukon ominaisuuksiin. Käytön jälkeen käyttäjät voivat lisätä, poistaa tai muokata olemassa olevan taulukon ominaisuuksia. Lisäksi stringify()-menetelmää käytetään JSON-merkkijonon muuntamiseen JSON-objektien joukoksi. Tällä tavalla push()- ja pop()-menetelmiä käytetään taulukon käsittelyyn.
Esimerkki 1: JSON-objektien taulukon luominen JavaScriptissä
Esimerkkinä harkitaan JSON-objektien joukon luomista JavaScriptin avulla. Esimerkiksi koodi on annettu alla.
Koodi
konst opettaja = {
'Nimi' : 'Harry' , 'Aihe' : 'Englanti' ,
'ikä' : '35'
} ;
konsoli. Hirsi ( opettaja ) ;
Tässä koodissa taulukko ' opettaja ' luodaan määrittämällä ominaisuuksia, kuten ' Nimi ”, “ Aihe ”, ja ” ikä ”.
Sen jälkeen erilaisia arvoja, kuten ' Harry ”, “ Englanti ”, ja ” 35 ” on määritetty yllä oleville ominaisuuksille. Näytä lopuksi taulukko ' opettaja ”työllistämällä console.log() menetelmä.
Lähtö
Lähtö näyttää ' opettaja ” JSON-objektien joukko konsoliikkunassa.
Esimerkki 2: JSON-objektien taulukon käyttäminen JavaScriptissä
Esimerkkinä pidetään JavaScriptin taulukkoelementtien ominaisuuksien käyttöä.
Koodi
konsoli. Hirsi ( 'Esimerkki JSON-objektin taulukon käyttämisestä' ) ;konst opettaja = {
'Nimi' : 'Harry' , 'Aihe' : 'Englanti' ,
'ikä' : '35'
} ;
konst objArr = opettaja => {
konst arr = [ ] ;
konst avaimet = Esine . avaimet ( opettaja ) ;
varten ( anna x = 0 ; x < avaimet. pituus ; x ++ ) {
arr. työntää ( opettaja [ avaimet [ x ] ] ) ;
} ;
palata arr ;
} ;
konsoli. Hirsi ( objArr ( opettaja ) ) ;
Koodin kuvaus:
- Taulukko ' opettaja ' alustetaan määrittämällä ' Nimi ”, “ Aihe ”, ja ” ikä ” ominaisuuksia.
- Näille ominaisuuksille on määritetty eri arvot, kuten ' Harry ”, “ Englanti ”, ja ” 35 ”.
- Sen jälkeen a JSON esine' objArr ' -työkalua käytetään elementtien ominaisuuksiin pääsyyn ja uuden taulukon palauttamiseen.
- Sisällä ' objArr ”, käytetään for-silmukkaa, joka lisää ominaisuusarvot käyttämällä työntää() menetelmä.
- Silmukka suoritetaan, kunnes kaikki ominaisuusarvot on syötetty ' arr ”-joukko.
- Lopulta, objArr (opettaja) käytetään ominaisuusarvojen näyttämiseen.
Lähtö
Tulos näyttää eri arvot, 'Harry', 'English' ja '35' määrittämällä ominaisuuksia JavaScriptissä.
Esimerkki 3: Lisää tai poista JSON-objektien joukko JavaScriptissä
Esimerkki on mukautettu lisäämään ja poistamaan elementtijoukko JavaScriptin JSON-objektin avulla.
Koodi
konsoli. Hirsi ( 'Esimerkki JSON-objektin taulukon käyttämisestä' ) ;oli arrObj = [ { 'hedelmä' : 'Omena' } , { 'hedelmä' : 'Banaani' } ] ;
konsoli. Hirsi ( JSON. kiristää ( arrObj ) ) ;
arrObj. työntää ( { 'hedelmä' : 'Oranssi' } ) ;
konsoli. Hirsi ( JSON. kiristää ( arrObj ) ) ;
arrObj. pop- ( ) ;
konsoli. Hirsi ( JSON. kiristää ( arrObj ) ) ;
Koodin kuvaus on seuraava:
- JSON-objektien joukko ' arrObj ” on alustettu kahdella hedelmäominaisuudella.
- Sen jälkeen, JSON.stringify() -menetelmää käytetään JavaScript-arvon muuntamiseen JSON-merkkijonoiksi.
- The arrObj.push() menetelmä lisää elementin välittämällä arvon ' hedelmää ':' Oranssi ' taulukkoon.
- Sen jälkeen, arrObj.pop() menetelmä poistaa äskettäin syötetyn elementin taulukosta.
- Näytä lopuksi JSON-objektien joukko ' arrObj ”työllistämällä console.log() menetelmä.
Lähtö
Tulos näyttää yllä olevan koodin suorittamisen lisäämällä ja poistamalla taulukon elementit ' hedelmää ':' Oranssi ' JSON-objektien kautta.
Johtopäätös
Tässä artikkelissa, JSON-objektit käytetään taulukon elementtien käyttämiseen ja muokkaamiseen JavaScript.
Tätä varten tarjotaan yleiskatsaus kahdella käytännön esimerkillä. Ensimmäisessä esimerkissä JSON-objektit käyttivät taulukon ominaisuuksia ja näyttivät ne konsolissa. Toisessa esimerkissä sisäänrakennettu menetelmä, stringify() , käytetään ominaisuuksien lisäämiseen ja poistamiseen taulukossa. Tämän artikkelin perusteella käyttäjät voivat lisätä, poistaa tai muokata taulukon ominaisuuksia käyttämällä JSON-objekteja.