Šiame vadove pateikiamas toks turinys:
- Kaip naudoti JSON objektų masyvą „JavaScript“.
- 1 pavyzdys: JSON objektų masyvo sukūrimas
- 2 pavyzdys: prieiga prie JSON objektų masyvo
- 3 pavyzdys: pridėkite arba ištrinkite JSON objektų masyvą
Kaip naudoti JSON objektų masyvą „JavaScript“?
JSON objektas iš esmės yra JavaScript pagrįstas objektas. Šie objektai gali būti naudojami norint pasiekti masyvo savybes. Prisijungę vartotojai gali pridėti, ištrinti arba keisti esamo masyvo ypatybes. Be to, metodas stringify() naudojamas konvertuojant JSON eilutę į JSON objektų masyvą. Tokiu būdu masyvo manipuliavimui atlikti naudojami metodai push() ir pop().
1 pavyzdys: JSON objektų masyvo sukūrimas naudojant „JavaScript“.
Apsvarstytas pavyzdys, kaip sukurti JSON objektų masyvą naudojant JavaScript. Pavyzdžiui, kodas pateikiamas žemiau.
Kodas
konst mokytojas = {
'Vardas' : 'Haris' , 'Tema' : 'Anglų' ,
'amžius' : '35'
} ;
konsolė. žurnalas ( mokytojas ) ;
Šiame kode masyvas „ mokytojas “ sukuriamas apibrėžiant ypatybes, pvz., „ vardas “, „ Tema “ ir „ amžiaus “.
Po to skirtingos reikšmės, pvz. Hari “, „ Anglų “ ir „ 35 “ yra priskirtos aukščiau nurodytoms savybėms. Pabaigoje parodykite masyvą ' mokytojas “, įdarbindami console.log() metodas.
Išvestis
Išvestis rodo ' mokytojas “ JSON objektų masyvas konsolės lange.
2 pavyzdys: prieiga prie JSON objektų masyvo naudojant „JavaScript“.
Kaip pavyzdį galima pasiekti „JavaScript“ masyvo elementų ypatybes.
Kodas
konsolė. žurnalas ( „JSON objekto masyvo naudojimo pavyzdys“ ) ;konst mokytojas = {
'Vardas' : 'Haris' , 'Tema' : 'Anglų' ,
'amžius' : '35'
} ;
konst objArr = mokytojas => {
konst arr = [ ] ;
konst raktai = Objektas . raktai ( mokytojas ) ;
dėl ( tegul x = 0 ; x < raktai. ilgio ; x ++ ) {
arr. stumti ( mokytojas [ raktai [ x ] ] ) ;
} ;
grąžinti arr ;
} ;
konsolė. žurnalas ( objArr ( mokytojas ) ) ;
Kodo aprašymas:
- Masyvas “ mokytojas ' inicijuojamas apibrėžiant ' vardas “, „ Tema “ ir „ amžiaus “ savybes.
- Šioms savybėms priskiriamos skirtingos reikšmės, pvz. Hari “, „ Anglų “ ir „ 35 “.
- Po to a JSON objektas“ objArr “ naudojamas norint pasiekti elementų savybes ir grąžinti naują masyvą.
- Viduje ' objArr “, naudojama „for“ kilpa, kuri įterpia ypatybių reikšmes naudojant stumti () metodas.
- Ciklas vykdomas tol, kol visos nuosavybės reikšmės bus įvestos į ' arr “ masyvas.
- Galų gale, objArr (mokytojas) naudojamas nuosavybės vertėms rodyti.
Išvestis
Išvestis rodo skirtingas reikšmes „Harry“, „English“ ir „35“, priskiriant „JavaScript“ savybes.
3 pavyzdys: pridėkite arba ištrinkite JSON objektų masyvą „JavaScript“.
Pavyzdys pritaikytas pridėti ir ištrinti elementų masyvą naudojant „JavaScript“ JSON objektą.
Kodas
konsolė. žurnalas ( „JSON objekto masyvo naudojimo pavyzdys“ ) ;buvo arrObj = [ { 'vaisius' : 'Apple' } , { 'vaisius' : 'Bananas' } ] ;
konsolė. žurnalas ( JSON. sugriežtinti ( arrObj ) ) ;
arrObj. stumti ( { 'vaisius' : 'oranžinė' } ) ;
konsolė. žurnalas ( JSON. sugriežtinti ( arrObj ) ) ;
arrObj. pop ( ) ;
konsolė. žurnalas ( JSON. sugriežtinti ( arrObj ) ) ;
Kodo aprašymas yra toks:
- JSON objektų masyvas ' arrObj “ inicijuojamas su dviem vaisių savybėmis.
- Po to, JSON.stringify() metodas naudojamas konvertuoti JavaScript reikšmę į JSON eilutes.
- The arrObj.push() metodas įterpia elementą, perduodamas reikšmę ' vaisių “: „ Oranžinė “ į masyvą.
- Po to, arrObj.pop() metodas pašalina neseniai įvestą elementą iš masyvo.
- Pabaigoje parodykite JSON objektų masyvą ' arrObj “, įdarbindami console.log() metodas.
Išvestis
Išvestis rodo aukščiau pateiktą kodo vykdymą pridedant ir pašalinant masyvo elementus ' vaisių “: „ Oranžinė “ per JSON objektus.
Išvada
Šiame straipsnyje JSON objektai yra naudojami norint pasiekti ir modifikuoti masyvo elementus JavaScript.
Tam pateikiama dviejų praktinių pavyzdžių apžvalga. Pirmajame pavyzdyje JSON objektai pasiekė masyvo ypatybes ir parodė jas konsolėje. Antrame pavyzdyje integruotas metodas, stringify () , naudojamas masyvo savybėms pridėti ir ištrinti. Remdamiesi šiuo straipsniu, vartotojai gali pridėti, ištrinti arba keisti masyvo ypatybes naudodami JSON objektus.