See juhend pakub järgmist sisu:
- Kuidas kasutada JavaScriptis JSON-objektide massiivi
- Näide 1: JSON-objektide massiivi loomine
- Näide 2: Juurdepääs JSON-objektide massiivile
- Näide 3: JSON-objektide massiivi lisamine või kustutamine
Kuidas kasutada JavaScriptis JSON-objektide massiivi?
JSON-objekt on põhimõtteliselt JavaScripti-põhine objekt. Neid objekte saab kasutada massiivi omadustele juurdepääsuks. Pärast juurdepääsu saavad kasutajad olemasoleva massiivi atribuute lisada, kustutada või muuta. Lisaks kasutatakse meetodit stringify() JSON-stringi teisendamiseks JSON-objektide massiiviks. Sel viisil kasutatakse massiiviga manipuleerimiseks meetodeid push() ja pop().
Näide 1: JSON-objektide massiivi loomine JavaScriptis
Kaalutakse näidet JSON-objektide massiivi loomisest JavaScripti abil. Näiteks kood on toodud allpool.
Kood
konst õpetaja = {
'nimi' : 'Harry' , 'Teema' : 'Inglise' ,
'vanus' : '35'
} ;
konsool. logi ( õpetaja ) ;
Selles koodis on massiiv ' õpetaja ' luuakse selliste omaduste määratlemisel nagu ' Nimi ”, „ Teema ”, ja „ vanus ”.
Pärast seda erinevad väärtused, nagu ' Harry ”, „ Inglise ”, ja „ 35 ” on määratud ülaltoodud atribuutidele. Lõpuks kuvage massiiv ' õpetaja ” kasutades console.log() meetod.
Väljund
Väljund näitab ' õpetaja ” JSON-objektide massiiv konsooliaknas.
Näide 2: Juurdepääs JavaScripti JSON-objektide massiivile
Näiteks käsitletakse massiivi elementide atribuutide juurdepääsu JavaScriptis.
Kood
konsool. logi ( 'JSON-objekti massiivi kasutamise näide' ) ;konst õpetaja = {
'nimi' : 'Harry' , 'Teema' : 'Inglise' ,
'vanus' : '35'
} ;
konst objArr = õpetaja => {
konst arr = [ ] ;
konst võtmed = Objekt . võtmed ( õpetaja ) ;
jaoks ( las x = 0 ; x < võtmed. pikkus ; x ++ ) {
arr. suruma ( õpetaja [ võtmed [ x ] ] ) ;
} ;
tagasi arr ;
} ;
konsool. logi ( objArr ( õpetaja ) ) ;
Koodi kirjeldus:
- Massiiv ' õpetaja ' lähtestatakse määrates ' Nimi ”, „ Teema ”, ja „ vanus ” omadused.
- Nendele omadustele on määratud erinevad väärtused, näiteks Harry ”, „ Inglise ”, ja „ 35 ”.
- Pärast seda, a JSON objekt' objArr ” kasutatakse elementide omadustele juurdepääsuks ja uue massiivi tagastamiseks.
- Sees ' objArr ”, kasutatakse for-silmust, mis lisab atribuudi väärtused, kasutades funktsiooni push () meetod.
- Silmust teostatakse seni, kuni kõik atribuutide väärtused on sisestatud ' arr ” massiivi.
- Lõpuks, objArr (õpetaja) kasutatakse atribuutide väärtuste kuvamiseks.
Väljund
Väljund näitab erinevaid väärtusi, 'Harry', 'Inglise' ja '35', määrates JavaScriptis atribuudid.
Näide 3: JSON-objektide massiivi lisamine või kustutamine JavaScriptis
Näide on kohandatud elementide massiivi lisamiseks ja kustutamiseks JavaScriptis JSON-objekti abil.
Kood
konsool. logi ( 'Näide massiivi kasutamiseks JSON-objekti poolt' ) ;oli arrObj = [ { 'puuvili' : 'Õun' } , { 'puuvili' : 'banaan' } ] ;
konsool. logi ( JSON. kitsendada ( arrObj ) ) ;
arrObj. suruma ( { 'puuvili' : 'oranž' } ) ;
konsool. logi ( JSON. kitsendada ( arrObj ) ) ;
arrObj. pop ( ) ;
konsool. logi ( JSON. kitsendada ( arrObj ) ) ;
Koodi kirjeldus on järgmine:
- JSON-objektide massiiv ' arrObj ” on lähtestatud kahe puuviljaomadusega.
- Pärast seda, JSON.stringify() meetodit kasutatakse JavaScripti väärtuse teisendamiseks JSON-stringideks.
- The arrObj.push() meetod lisab elemendi, edastades väärtuse ' puuvilju ':' Oranž ” massiivi.
- Pärast seda, arrObj.pop() meetod eemaldab massiivist hiljuti sisestatud elemendi.
- Lõpuks kuvage JSON-objektide massiiv ' arrObj ” kasutades console.log() meetod.
Väljund
Väljund näitab ülaltoodud koodi täitmist, lisades ja eemaldades massiivi elemendid ' puuvilju ':' Oranž ” JSON-objektide kaudu.
Järeldus
Selles artiklis JSON-objektid kasutatakse massiivi elementide juurde pääsemiseks ja muutmiseks JavaScript.
Selleks antakse ülevaade kahe praktilise näitega. Esimeses näites pääsesid JSON-objektid massiivi atribuutidele ja kuvasid need konsoolil. Teises näites on sisseehitatud meetod, stringify() , kasutatakse massiivi atribuutide lisamiseks ja kustutamiseks. Selle artikli põhjal saavad kasutajad JSON-objekte kasutades massiivi atribuute lisada, kustutada või muuta.