Panduan ini akan menerangkan cara untuk mengulang gelung melalui tatasusunan JSON menggunakan JavaScript.
Bagaimana untuk Mengulang Gelung melalui Tatasusunan JSON Menggunakan JavaScript?
' Tatasusunan JSON nilai ” boleh diakses melalui gelung. In-looping JSON (JavaScript Object Notation) dianggap sebagai teknik terbaik untuk mengangkut data dalam format tatasusunan. Ini kerana ia adalah format yang ringan untuk menyimpan dan memindahkan data yang diperlukan dari satu tempat ke tempat lain.
Bahagian ini menggunakan ' untuk ” gelung untuk mengulang tatasusunan JSON menggunakan JavaScript.
Sintaks (JSON Array)
Susunan - nama = [ nilai1 , nilai2 , ..... nilaiN ]
Di sini, 'value1', 'value2', dan 'valueN' merujuk kepada nilai yang perlu diulang.
Mari lakukan gelung melalui tatasusunan 'JSON' dalam JavaScript secara praktikal.
Kod HTML
Mari kita lihat kod HTML berikut:
< h2 > Menggulung melalui JSON Array < / h2 >< hlm > Tatasusunan JSON mempunyai sifar, satu atau lebih elemen tertib, dipisahkan dengan koma. < / hlm >
< hlm ID = 'sampel' >< / hlm >
Dalam baris kod di atas:
- ' tag mentakrifkan subtajuk.
- ' teg ” mencipta pernyataan perenggan.
- Akhir sekali, teg “
” mentakrifkan perenggan kosong yang mempunyai id “ sampel ” untuk memaparkan nilai tatasusunan JSON.
Kod JavaScript
Seterusnya, teruskan ke kod yang disediakan di bawah:
< skrip >const JSONarray = '{'name':'Johnson', 'age':35, 'cars':['BMW', 'Honda', 'Corolla']}' ;
const Obj = JSON. menghuraikan ( JSONarray ) ;
biarkan teks = '' ;
untuk ( biarkan k = 0 ; k < Obj. kereta . panjang ; k ++ ) {
teks += Obj. kereta [ k ] + ',' ;
}
dokumen. getElementById ( 'sampel' ) . innerHTML = teks ;
skrip >
Dalam blok kod ini:
- Tentukan tatasusunan JSON bernama “ JSONarray ' dengan ' const ” kata kunci yang mempunyai senarai nilai tersusun.
- ' Obj objek ' menggunakan ' parse() ” kaedah yang menukarkan teks tatasusunan JSON yang ditentukan kepada objek JavaScript.
- Selepas itu, ' teks ” pembolehubah menyimpan nilai kosong.
- Seterusnya, gunakan ' untuk ' gelung untuk mengulangi sifat ' Obj ” digabungkan dengan tatasusunan JSON yang disertakan dengan kunci “kereta”.
- Juga, kaitkan ' panjang ” sifat dan menambah gelung untuk menjalankan lelaran dengan sewajarnya.
- Akhir sekali, gunakan ' getElementById() ” kaedah untuk mengakses perenggan kosong yang ditambahkan menggunakan idnya “sampel”. Ia akan memaparkan nilai tatasusunan JSON melalui ' innerHTML ” harta benda.
Pengeluaran
Output menunjukkan semua nilai tatasusunan JSON yang ditambahkan menggunakan gelung 'untuk'.
Kesimpulan
“ Tatasusunan JSON ' boleh diulang dengan mudah menggunakan JavaScript dengan bantuan ' untuk ” gelung. Ini adalah proses biasa dan biasanya digunakan dalam pembangunan web untuk mendapatkan semula data dalam format JSON daripada pangkalan data atau API. Panduan ini telah menerangkan penerangan ringkas untuk mengulang gelung melalui tatasusunan JSON menggunakan JavaScript.