Kā JavaScript izmantot JSON objektu masīvu

Ka Javascript Izmantot Json Objektu Masivu



JavaScript Object Notation (JSON) ir labi zināms formāts datu glabāšanai, kā arī apmaiņai starp klientiem un serveriem. JavaScript nodrošina vidi, lai veiktu manipulācijas ar masīviem, izmantojot JSON objektus. Tādā veidā lietotāji var modificēt un parādīt informāciju, kas tiek glabāta masīvā. Šajā apmācībā jūs uzzināsit, kā izmantot masīvu dažādiem mērķiem, izmantojot a JSON objektu.

Šajā rokasgrāmatā ir pieejams šāds saturs:

Kā JavaScript izmantot JSON objektu masīvu?

JSON objekts būtībā ir uz JavaScript balstīts objekts. Šos objektus var izmantot, lai piekļūtu masīva īpašībām. Pēc piekļuves lietotāji var pievienot, dzēst vai modificēt esošā masīva rekvizītus. Turklāt stringify() metode tiek izmantota, lai pārveidotu JSON virkni JSON objektu masīvā. Tādā veidā push() un pop() metodes tiek izmantotas, lai veiktu manipulācijas ar masīvu.







1. piemērs: JSON objektu masīva izveide programmā JavaScript

Tiek apsvērts piemērs JSON objektu masīva izveidei, izmantojot JavaScript. Piemēram, kods ir norādīts zemāk.



Kods



konst skolotājs = {
'Vārds' : 'Harijs' , 'Tēma' : 'Angļu' ,
'vecums' : '35'
} ;
konsole. žurnāls ( skolotājs ) ;

Šajā kodā masīvs ' skolotājs ' tiek izveidots, definējot tādus rekvizītus kā ' Vārds ”, “ Priekšmets ', un ' vecums ”.





Pēc tam dažādas vērtības, piemēram, “ Harijs ”, “ Angļu ', un ' 35 ” ir piešķirti iepriekšminētajiem rekvizītiem. Beigās parādiet masīvu ' skolotājs ”, izmantojot console.log() metodi.

Izvade



Izvade parāda ' skolotājs ” JSON objektu masīvs konsoles logā.

2. piemērs. Piekļuve JSON objektu masīvam JavaScript

Tiek uzskatīts piemērs, kā piekļūt masīva elementu īpašībām JavaScript.

Kods

konsole. žurnāls ( 'JSON objekta masīva izmantošanas piemērs' ) ;
konst skolotājs = {
'Vārds' : 'Harijs' , 'Tēma' : 'Angļu' ,
'vecums' : '35'
} ;
konst objArr = skolotājs => {
konst arr = [ ] ;
konst atslēgas = Objekts . atslēgas ( skolotājs ) ;
priekš ( ļaujiet x = 0 ; x < atslēgas. garums ; x ++ ) {
arr. spiediet ( skolotājs [ atslēgas [ x ] ] ) ;
} ;
atgriezties arr ;
} ;
konsole. žurnāls ( objArr ( skolotājs ) ) ;

Koda apraksts:

  • Masīvs ' skolotājs ' tiek inicializēts, definējot ' Vārds ”, “ Priekšmets ', un ' vecums ” īpašības.
  • Šiem rekvizītiem tiek piešķirtas dažādas vērtības, piemēram, “ Harijs ”, “ Angļu ', un ' 35 ”.
  • Pēc tam a JSON objekts ' objArr ” tiek izmantots, lai piekļūtu elementu īpašībām un atgrieztu jaunu masīvu.
  • Iekšpusē ' objArr ”, tiek izmantota for cilpa, kas ievieto rekvizītu vērtības, izmantojot push () metodi.
  • Cilpa tiek izpildīta, līdz tiek ievadītas visas rekvizītu vērtības arr ” masīvs.
  • Galu galā, objArr (skolotājs) tiek izmantots, lai parādītu īpašuma vērtības.

Izvade

Izvadē tiek parādītas dažādas vērtības, “Harijs”, “Angļu valoda” un “35”, piešķirot JavaScript rekvizītus.

3. piemērs: pievienojiet vai dzēsiet JSON objektu masīvu JavaScript

Piemērs ir pielāgots, lai pievienotu un dzēstu elementu masīvu, izmantojot JavaScript JSON objektu.

Kods

konsole. žurnāls ( 'JSON objekta masīva izmantošanas piemērs' ) ;
bija arrObj = [ { 'augļi' : 'Ābols' } , { 'augļi' : 'Banāns' } ] ;
konsole. žurnāls ( JSON. nospriegot ( arrObj ) ) ;
arrObj. spiediet ( { 'augļi' : 'Apelsīns' } ) ;
konsole. žurnāls ( JSON. nospriegot ( arrObj ) ) ;
arrObj. pop ( ) ;
konsole. žurnāls ( JSON. nospriegot ( arrObj ) ) ;

Koda apraksts ir šāds:

  • JSON objektu masīvs ' arrObj ” ir inicializēts ar divām augļu īpašībām.
  • Pēc tam, JSON.stringify() metode tiek izmantota, lai pārvērstu JavaScript vērtību JSON virknēs.
  • The arrObj.push() metode ievieto elementu, nododot vērtību ' augļus ':' apelsīns ” masīvā.
  • Pēc tam, arrObj.pop() metode noņem nesen ievadīto elementu no masīva.
  • Beigās parādiet JSON objektu masīvu ' arrObj ”, izmantojot console.log() metodi.

Izvade

Izvade parāda iepriekšminētā koda izpildi, pievienojot un noņemot masīva elementus ' augļus ':' apelsīns ”, izmantojot JSON objektus.

Secinājums

Šajā rakstā JSON objekti tiek izmantoti, lai piekļūtu masīva elementiem un tos modificētu JavaScript.
Šim nolūkam ir sniegts pārskats ar diviem praktiskiem piemēriem. Pirmajā piemērā JSON objekti piekļuva masīva rekvizītiem un rādīja tos konsolē. Otrajā piemērā iebūvēta metode, stringify () , tiek izmantots rekvizītu pievienošanai un dzēšanai masīvā. Pamatojoties uz šo rakstu, lietotāji var pievienot, dzēst vai modificēt masīva rekvizītus, izmantojot JSON objektus.