Kako koristiti niz JSON objekata u JavaScriptu

Kako Koristiti Niz Json Objekata U Javascriptu



JavaScript Object Notation (JSON) dobro je poznati format za pohranu podataka kao i razmjenu između klijenata i poslužitelja. JavaScript pruža okruženje za izvođenje manipulacije nizovima putem JSON objekata. Na taj način korisnici mogu mijenjati i prikazati informacije koje su pohranjene u nizu. U ovom ćete vodiču naučiti kako koristiti niz u različite svrhe pomoću a JSON objekt.

Ovaj vodič služi sljedećem sadržaju:

Kako koristiti niz JSON objekata u JavaScriptu?

JSON objekt je u osnovi objekt baziran na JavaScriptu. Ovi se objekti mogu koristiti za pristup svojstvima niza. Nakon pristupa, korisnici mogu dodavati, brisati ili mijenjati svojstva u postojećem nizu. Štoviše, metoda stringify() koristi se za pretvaranje JSON niza u niz JSON objekata. Na taj se način metode push() i pop() koriste za izvođenje manipulacije nizom.







Primjer 1: Stvaranje niza JSON objekata u JavaScriptu

Razmatran je primjer za stvaranje niza JSON objekata upotrebom JavaScripta. Na primjer, kod je naveden u nastavku.



Kodirati



konst učitelj, nastavnik, profesor = {
'Ime' : 'Harry' , 'Predmet' : 'Engleski' ,
'dob' : '35'
} ;
konzola. log ( učitelj, nastavnik, profesor ) ;

U ovom kodu, niz ' učitelj, nastavnik, profesor ” se stvara definiranjem svojstava kao što su „ Ime ”, “ Predmet ', i ' dob ”.





Nakon toga, različite vrijednosti poput ' Harry ”, “ Engleski ', i ' 35 ” dodijeljeni su gore navedenim svojstvima. Na kraju, prikazati niz ' učitelj, nastavnik, profesor ” korištenjem konzola.log() metoda.

Izlaz



Izlaz prikazuje ' učitelj, nastavnik, profesor ” niz JSON objekata u prozoru konzole.

Primjer 2: Pristup nizu JSON objekata u JavaScriptu

Razmatran je primjer pristupa svojstvima elemenata niza u JavaScriptu.

Kodirati

konzola. log ( 'Primjer korištenja niza prema JSON objektu' ) ;
konst učitelj, nastavnik, profesor = {
'Ime' : 'Harry' , 'Predmet' : 'Engleski' ,
'dob' : '35'
} ;
konst objArr = učitelj, nastavnik, profesor => {
konst arr = [ ] ;
konst ključevi = Objekt . ključevi ( učitelj, nastavnik, profesor ) ;
za ( neka x = 0 ; x < ključevi. duljina ; x ++ ) {
arr. gurnuti ( učitelj, nastavnik, profesor [ ključevi [ x ] ] ) ;
} ;
povratak arr ;
} ;
konzola. log ( objArr ( učitelj, nastavnik, profesor ) ) ;

Opis koda:

  • Niz ' učitelj, nastavnik, profesor ' se inicijalizira definiranjem ' Ime ”, “ Predmet ', i ' dob ' Svojstva.
  • Ovim se svojstvima dodjeljuju različite vrijednosti, poput ' Harry ”, “ Engleski ', i ' 35 ”.
  • Nakon toga, a JSON objekt “ objArr ” koristi se za pristup svojstvima elemenata i vraćanje novog niza.
  • Unutar ' objArr ”, koristi se for petlja koja umeće vrijednosti svojstava korištenjem gurnuti() metoda.
  • Petlja se izvodi sve dok se sve vrijednosti svojstava ne unesu u ' arr ” niz.
  • Na kraju, objArr(učitelj) koristi se za prikaz vrijednosti svojstava.

Izlaz

Izlaz prikazuje različite vrijednosti, 'Harry', 'engleski' i '35' dodjeljivanjem svojstava u JavaScriptu.

Primjer 3: Dodavanje ili brisanje niza JSON objekata u JavaScriptu

Primjer je prilagođen za dodavanje i brisanje niza elemenata pomoću JSON objekta u JavaScriptu.

Kodirati

konzola. log ( 'Primjer korištenja niza prema JSON objektu' ) ;
bio je arrObj = [ { 'voće' : 'Jabuka' } , { 'voće' : 'Banana' } ] ;
konzola. log ( JSON. nanizati ( arrObj ) ) ;
arrObj. gurnuti ( { 'voće' : 'Naranča' } ) ;
konzola. log ( JSON. nanizati ( arrObj ) ) ;
arrObj. pop ( ) ;
konzola. log ( JSON. nanizati ( arrObj ) ) ;

Opis koda je sljedeći:

  • Niz JSON objekata ' arrObj ” se inicijalizira s dva svojstva voća.
  • Nakon toga, JSON.stringify() koristi se za pretvaranje JavaScript vrijednosti u JSON nizove.
  • The arrObj.push() metoda umeće element prosljeđivanjem vrijednosti “ voće ”: “ naranča ” u niz.
  • Nakon toga, arrObj.pop() metoda uklanja nedavno uneseni element iz niza.
  • Na kraju, prikaži niz JSON objekata “ arrObj ” korištenjem konzola.log() metoda.

Izlaz

Izlaz pokazuje izvršenje gornjeg koda dodavanjem i uklanjanjem elemenata niza ' voće ”: “ naranča ” kroz JSON objekte.

Zaključak

U ovom članku, JSON objekti koriste se za pristup i izmjenu elemenata niza u JavaScript.
Za to je dan pregled s dva praktična primjera. U prvom primjeru, JSON objekti su pristupili svojstvima niza i prikazali ih na konzoli. U drugom primjeru, ugrađena metoda, stringify() , koristi se za dodavanje i brisanje svojstava u nizu. Na temelju ovog članka korisnici mogu dodavati, brisati ili mijenjati svojstva niza pomoću JSON objekata.