Kako uporabljati niz objektov JSON v JavaScriptu

Kako Uporabljati Niz Objektov Json V Javascriptu



JavaScript Object Notation (JSON) je dobro znan format za shranjevanje podatkov ter izmenjavo med odjemalci in strežniki. JavaScript ponuja okolje za izvajanje manipulacije z nizi prek objektov JSON. Na ta način lahko uporabniki spreminjajo in prikazujejo informacije, ki so shranjene v matriki. V tej vadnici se boste naučili, kako uporabiti matriko za različne namene JSON predmet.

Ta vodnik služi naslednji vsebini:

Kako uporabiti niz predmetov JSON v JavaScriptu?

Objekt JSON je v bistvu objekt, ki temelji na JavaScriptu. Te objekte je mogoče uporabiti za dostop do lastnosti matrike. Po dostopu lahko uporabniki dodajajo, brišejo ali spreminjajo lastnosti v obstoječem nizu. Poleg tega se metoda stringify() uporablja za pretvorbo niza JSON v niz objektov JSON. Na ta način se uporabita metodi push() in pop() za izvajanje manipulacije na matriki.







Primer 1: Ustvarjanje niza objektov JSON v JavaScriptu

Primer je obravnavan za ustvarjanje niza objektov JSON z uporabo JavaScripta. Koda je na primer navedena spodaj.



Koda



konst učiteljica = {
'Ime' : 'Harry' , 'Zadeva' : 'Angleščina' ,
'starost' : '35'
} ;
konzola. dnevnik ( učiteljica ) ;

V tej kodi je niz ' učiteljica « se ustvari z definiranjem lastnosti, kot je » Ime ”, “ Predmet «, in » starost ”.





Po tem različne vrednosti, kot je ' Harry ”, “ angleščina «, in » 35 ” so dodeljene zgornjim lastnostim. Na koncu prikažite matriko ' učiteljica ” z uporabo console.log() metoda.

Izhod



Izhod prikazuje ' učiteljica ” niz objektov JSON v oknu konzole.

Primer 2: Dostop do matrike objektov JSON v JavaScriptu

Primer je obravnavan za dostop do lastnosti elementov polja v JavaScriptu.

Koda

konzola. dnevnik ( 'Primer uporabe matrike s predmetom JSON' ) ;
konst učiteljica = {
'Ime' : 'Harry' , 'Zadeva' : 'Angleščina' ,
'starost' : '35'
} ;
konst objArr = učiteljica => {
konst prir = [ ] ;
konst ključi = Objekt . ključi ( učiteljica ) ;
za ( naj x = 0 ; x < ključi. dolžina ; x ++ ) {
prir. potiskati ( učiteljica [ ključi [ x ] ] ) ;
} ;
vrnitev prir ;
} ;
konzola. dnevnik ( objArr ( učiteljica ) ) ;

Opis kode:

  • Niz ' učiteljica ' se inicializira z definiranjem ' Ime ”, “ Predmet «, in » starost ” lastnosti.
  • Tem lastnostim so dodeljene različne vrednosti, na primer ' Harry ”, “ angleščina «, in » 35 ”.
  • Po tem je a JSON objekt “ objArr ” se uporablja za dostop do lastnosti elementov in vrnitev nove matrike.
  • Znotraj ' objArr ”, se uporablja zanka for, ki vstavi vrednosti lastnosti z uporabo potisni() metoda.
  • Zanka se izvaja, dokler niso vse vrednosti lastnosti vnesene v ' prir ” niz.
  • Na koncu je objArr(učitelj) se uporablja za prikaz vrednosti lastnosti.

Izhod

Izhod prikazuje različne vrednosti, »Harry«, »English« in »35« z dodeljevanjem lastnosti v JavaScriptu.

3. primer: dodajte ali izbrišite matriko objektov JSON v JavaScriptu

Primer je prilagojen za dodajanje in brisanje niza elementov z uporabo predmeta JSON v JavaScriptu.

Koda

konzola. dnevnik ( 'Primer uporabe matrike s predmetom JSON' ) ;
je bil arrObj = [ { 'sadje' : 'jabolko' } , { 'sadje' : 'banana' } ] ;
konzola. dnevnik ( JSON. nanizati ( arrObj ) ) ;
arrObj. potiskati ( { 'sadje' : 'pomaranča' } ) ;
konzola. dnevnik ( JSON. nanizati ( arrObj ) ) ;
arrObj. pop ( ) ;
konzola. dnevnik ( JSON. nanizati ( arrObj ) ) ;

Opis kode je naslednji:

  • Niz predmetov JSON ' arrObj ” se inicializira z dvema lastnostma sadja.
  • Po tem, JSON.stringify() metoda se uporablja za pretvorbo vrednosti JavaScript v nize JSON.
  • The arrObj.push() metoda vstavi element s posredovanjem vrednosti “ sadje ”: “ Oranžna ” v matriko.
  • Po tem, arrObj.pop() metoda odstrani nedavno vneseni element iz matrike.
  • Na koncu prikažite matriko objektov JSON ' arrObj ” z uporabo console.log() metoda.

Izhod

Izhod prikazuje izvajanje zgornje kode z dodajanjem in odstranjevanjem elementov polja ' sadje ”: “ Oranžna ” skozi objekte JSON.

Zaključek

V tem članku objekti JSON se uporabljajo za dostop in spreminjanje elementov matrike v JavaScript.
Za to je na voljo pregled z dvema praktičnima primeroma. V prvem primeru so objekti JSON dostopali do lastnosti matrike in jih prikazali na konzoli. V drugem primeru je vgrajena metoda stringify() , se uporablja za dodajanje in brisanje lastnosti v matriki. Na podlagi tega članka lahko uporabniki dodajajo, brišejo ali spreminjajo lastnosti matrike z uporabo objektov JSON.