Ipapaliwanag ng gabay na ito kung paano umulit ng loop sa pamamagitan ng JSON array gamit ang JavaScript.
Paano Mag-ulit ng Loop sa pamamagitan ng JSON Array Gamit ang JavaScript?
Ang ' JSON array Ang mga halaga ay maaaring ma-access sa pamamagitan ng isang loop. Ang pag-in-looping ng JSON (JavaScript Object Notation) ay itinuturing na pinakamahusay na pamamaraan upang maghatid ng data sa isang array format. Ito ay dahil ito ay isang magaan na format upang mag-imbak at maglipat ng kinakailangang data mula sa isang lugar patungo sa isa pa.
Ginagamit ng seksyong ito ang karaniwang ginagamit na “ para sa ” loop upang umulit ng JSON array gamit ang JavaScript.
Syntax (JSON Array)
Array - pangalan = [ halaga1 , halaga2 , ..... halagaN ]
Dito, ang 'value1', 'value2', at 'valueN' ay tumutukoy sa mga value na kailangang ulitin.
Isagawa natin ang pag-loop sa pamamagitan ng array na 'JSON' sa JavaScript nang praktikal.
HTML Code
Tingnan natin ang sumusunod na HTML code:
< h2 > Pag-looping sa JSON Array < / h2 >< p > Ang array ng JSON ay may zero, isa, o higit pang nakaayos na elemento, na pinaghihiwalay ng kuwit. < / p >
< p id = 'sample' >< / p >
Sa itaas na mga linya ng code:
- Ang ' Ang tag ay tumutukoy sa isang subheading.
- Ang ' ” tag ay lumilikha ng isang talata na pahayag.
- Panghuli, ang tag na “
” ay tumutukoy sa isang walang laman na talata na mayroong id na “ sample ” upang ipakita ang mga halaga ng array ng JSON.
JavaScript Code
Susunod, magpatuloy sa ibinigay na code sa ibaba:
< iskrip >const JSONarray = '{'name':'Johnson', 'age':35, 'cars':['BMW', 'Honda', 'Corolla']}' ;
const Obj = JSON. pag-parse ( JSONarray ) ;
hayaan mong magtext = '' ;
para sa ( hayaan mo si k = 0 ; k < Obj. mga sasakyan . haba ; k ++ ) {
text += Obj. mga sasakyan [ k ] + ',' ;
}
dokumento. getElementById ( 'sample' ) . innerHTML = text ;
iskrip >
Sa block ng code na ito:
- Tukuyin ang isang JSON array na pinangalanang ' JSONarray 'na may' const ” keyword na mayroong nakaayos na listahan ng mga halaga.
- Ang ' Obj 'Ang bagay ay gumagamit ng ' parse() ” na paraan na nagko-convert sa tinukoy na JSON array text sa JavaScript object.
- Pagkatapos nito, ang ' text ” variable ay nag-iimbak ng isang walang laman na halaga.
- Susunod, maglapat ng ' para sa ' loop upang umulit sa mga katangian ng ' Obj ” na pinagsama sa kasamang JSON array laban sa key na “kotse”.
- Gayundin, iugnay ang ' haba ” property at dagdagan ang loop upang maisagawa ang pag-ulit nang naaangkop.
- Panghuli, ilapat ang ' getElementById() ” paraan upang ma-access ang idinagdag na walang laman na talata gamit ang id nitong “sample”. Ipapakita nito ang mga halaga ng array ng JSON sa pamamagitan ng ' innerHTML ” ari-arian.
Output
Ipinapakita ng output ang lahat ng value ng idinagdag na JSON array gamit ang 'for' loop.
Konklusyon
“ Mga array ng JSON ' ay madaling umulit gamit ang JavaScript sa tulong ng ' para sa ” loop. Ito ay isang pangkaraniwang proseso at karaniwang ginagamit sa web development upang kunin ang data sa JSON format mula sa database o sa API. Ipinaliwanag ng gabay na ito ang isang maikling paglalarawan upang umulit ng loop sa pamamagitan ng JSON array gamit ang JavaScript.