Inihahatid ng gabay na ito ang sumusunod na nilalaman:
- Paano Gamitin ang Array ng JSON Objects sa JavaScript
- Halimbawa 1: Paglikha ng Array ng JSON Objects
- Halimbawa 2: Pag-access sa Array ng JSON Objects
- Halimbawa 3: Magdagdag o Magtanggal ng Array ng JSON Objects
Paano Gamitin ang Array ng JSON Objects sa JavaScript?
Ang object ng JSON ay karaniwang isang object na nakabatay sa JavaScript. Ang mga bagay na ito ay maaaring gamitin upang ma-access ang mga katangian ng isang array. Pagkatapos mag-access, ang mga user ay maaaring magdagdag, magtanggal, o magbago ng mga katangian sa umiiral na array. Bukod dito, ang stringify() na pamamaraan ay ginagamit para sa pag-convert ng JSON string sa isang hanay ng mga JSON object. Sa ganitong paraan, ang push() at pop() na mga pamamaraan ay ginagamit upang magsagawa ng pagmamanipula sa array.
Halimbawa 1: Paglikha ng Array ng JSON Objects sa JavaScript
Ang isang halimbawa ay isinasaalang-alang para sa paglikha ng isang hanay ng mga JSON object sa pamamagitan ng paggamit ng JavaScript. Halimbawa, ang code ay ibinigay sa ibaba.
Code
const guro = {
'Pangalan' : 'Harry' , 'Paksa' : 'Ingles' ,
'edad' : '35'
} ;
console. log ( guro ) ;
Sa code na ito, isang array ' guro ' ay nilikha sa pamamagitan ng pagtukoy ng mga katangian tulad ng ' Pangalan ”, “ Paksa ”, at “ edad ”.
Pagkatapos nito, iba't ibang mga halaga tulad ng ' Harry ”, “ Ingles ”, at “ 35 ” ay itinalaga sa mga katangian sa itaas. Sa huli, ipakita ang array ' guro ” sa pamamagitan ng paggamit ng console.log() paraan.
Output
Ang output ay nagpapakita ng ' guro ” array ng mga JSON object sa console window.
Halimbawa 2: Pag-access sa Array ng JSON Objects sa JavaScript
Ang isang halimbawa ay isinasaalang-alang upang ma-access ang mga katangian ng mga elemento ng array sa JavaScript.
Code
console. log ( 'Isang Halimbawa na Gumamit ng Array ng JSON Object' ) ;const guro = {
'Pangalan' : 'Harry' , 'Paksa' : 'Ingles' ,
'edad' : '35'
} ;
const objArr = guro => {
const arr = [ ] ;
const mga susi = Bagay . mga susi ( guro ) ;
para sa ( hayaan mo x = 0 ; x < mga susi. haba ; x ++ ) {
arr. itulak ( guro [ mga susi [ x ] ] ) ;
} ;
bumalik arr ;
} ;
console. log ( objArr ( guro ) ) ;
Ang paglalarawan ng code:
- Isang array ' guro ' ay sinisimulan sa pamamagitan ng pagtukoy sa ' Pangalan ”, “ Paksa ”, at “ edad ' ari-arian.
- Ang mga pag-aari na ito ay itinalaga ng iba't ibang mga halaga, tulad ng ' Harry ”, “ Ingles ”, at “ 35 ”.
- Pagkatapos nito, a JSON bagay' objArr ” ay ginagamit upang ma-access ang mga katangian ng mga elemento at magbalik ng bagong array.
- Sa loob ng ' objArr ”, ginagamit ang isang for loop na naglalagay ng mga value ng property sa pamamagitan ng paggamit ng push() paraan.
- Ang loop ay isinasagawa hanggang ang lahat ng mga halaga ng ari-arian ay naipasok sa ' arr ” array.
- Sa huli, ang objArr(guro) ay ginagamit upang ipakita ang mga halaga ng ari-arian.
Output
Nagpapakita ang output ng iba't ibang value, 'Harry', 'English', at '35' sa pamamagitan ng pagtatalaga ng mga property sa JavaScript.
Halimbawa 3: Magdagdag o Magtanggal ng Array ng JSON Objects sa JavaScript
Ang isang halimbawa ay iniangkop upang magdagdag at magtanggal ng hanay ng mga elemento gamit ang JSON object sa JavaScript.
Code
console. log ( 'Isang Halimbawa na Gumamit ng Array ng JSON Object ' ) ;ay arrObj = [ { 'prutas' : 'mansanas' } , { 'prutas' : 'saging' } ] ;
console. log ( JSON. higpitan ( arrObj ) ) ;
arrObj. itulak ( { 'prutas' : 'Kahel' } ) ;
console. log ( JSON. higpitan ( arrObj ) ) ;
arrObj. pop ( ) ;
console. log ( JSON. higpitan ( arrObj ) ) ;
Ang paglalarawan ng code ay ang mga sumusunod:
- Isang hanay ng mga object ng JSON ' arrObj ” ay pinasimulan na may dalawang katangian ng prutas.
- Pagkatapos nito, ang JSON.stringify() paraan ay ginagamit upang i-convert ang halaga ng JavaScript sa mga string ng JSON.
- Ang arrObj.push() Ang pamamaraan ay naglalagay ng isang elemento sa pamamagitan ng pagpasa ng halaga ng ' prutas ”: “ Kahel ” sa hanay.
- Pagkatapos nito, ang arrObj.pop() Tinatanggal ng pamamaraan ang kamakailang ipinasok na elemento mula sa array.
- Sa huli, ipakita ang hanay ng mga JSON object ' arrObj ” sa pamamagitan ng paggamit ng console.log() paraan.
Output
Ipinapakita ng output ang pagpapatupad ng code sa itaas sa pamamagitan ng pagdaragdag at pag-alis ng mga elemento ng array ' prutas ”: “ Kahel ” sa pamamagitan ng mga bagay na JSON.
Konklusyon
Sa artikulong ito, JSON objects ay ginagamit upang ma-access at baguhin ang mga elemento ng isang array in JavaScript.
Para dito, ibinigay ang isang pangkalahatang-ideya na may dalawang praktikal na halimbawa. Sa unang halimbawa, na-access ng mga object ng JSON ang mga katangian ng array at ipinakita ang mga ito sa console. Sa pangalawang halimbawa, isang built-in na pamamaraan, stringify() , ay ginagamit para sa pagdaragdag at pagtanggal ng mga katangian sa array. Batay sa artikulong ito, ang mga user ay maaaring magdagdag, magtanggal, o magbago ng mga katangian ng isang array gamit ang mga JSON object.