Panduan ini akan menjelaskan cara mengulangi loop melalui larik JSON menggunakan JavaScript.
Bagaimana Cara Mengulangi Loop melalui Array JSON Menggunakan JavaScript?
“ susunan JSON ” nilai dapat diakses melalui loop. In-looping JSON (JavaScript Object Notation) dianggap sebagai teknik terbaik untuk mengangkut data dalam format array. Ini karena ini adalah format yang ringan untuk menyimpan dan mentransfer data yang diperlukan dari satu tempat ke tempat lain.
Bagian ini menggunakan “ untuk ” untuk mengulang larik JSON menggunakan JavaScript.
Sintaks (Array JSON)
Himpunan - nama = [ nilai1 , nilai2 , ..... nilaiN ]
Di sini, 'nilai1', 'nilai2', dan 'nilaiN' mengacu pada nilai yang perlu diulang.
Mari kita lakukan perulangan melalui larik 'JSON' di JavaScript secara praktis.
Kode HTML
Mari kita lihat kode HTML berikut:
< h2 > Perulangan melalui JSON Array < / h2 >< P > Array JSON memiliki nol, satu, atau lebih elemen terurut, dipisahkan dengan koma. < / P >
< P pengenal = 'Sampel' >< / P >
Pada baris kode di atas:
- “ tag mendefinisikan subjudul.
- “ ” tag membuat pernyataan paragraf.
- Terakhir, tag “
” mendefinisikan paragraf kosong yang memiliki id “ Sampel ” untuk menampilkan nilai array JSON.
Kode JavaScript
Selanjutnya, lanjutkan ke kode yang disediakan di bawah ini:
< naskah >const JSONarray = '{'name':'Johnson', 'age':35, 'cars':['BMW', 'Honda', 'Corolla']}' ;
const Obj = JSON. mengurai ( JSONarray ) ;
biarkan teks = '' ;
untuk ( biarkan k = 0 ; k < Obj. mobil . panjang ; k ++ ) {
teks += Obj. mobil [ k ] + ', ' ;
}
dokumen. getElementById ( 'Sampel' ) . innerHTML = teks ;
naskah >
Di blok kode ini:
- Tentukan array JSON bernama “ JSONarray ' dengan ' const ” kata kunci memiliki daftar nilai yang diurutkan.
- “ Obj ' objek menggunakan ' mengurai() ” yang mengubah teks larik JSON yang ditentukan menjadi objek JavaScript.
- Setelah itu, “ teks ” variabel menyimpan nilai kosong.
- Selanjutnya, terapkan ' untuk ” loop untuk mengulangi properti “ Obj ” digabungkan dengan larik JSON yang disertakan dengan kunci 'mobil'.
- Juga, kaitkan ' panjang ” dan tingkatkan loop untuk melakukan iterasi dengan tepat.
- Terakhir, terapkan ' getElementById() ” metode untuk mengakses paragraf kosong yang ditambahkan menggunakan 'sampel' id-nya. Ini akan menampilkan nilai array JSON melalui ' innerHTML ' Properti.
Keluaran
Output menunjukkan semua nilai dari array JSON yang ditambahkan menggunakan loop 'untuk'.
Kesimpulan
“ array JSON ” dapat dengan mudah diulang menggunakan JavaScript dengan bantuan “ untuk ' lingkaran. Ini adalah proses umum dan umumnya digunakan dalam pengembangan web untuk mengambil data dalam format JSON dari database atau API. Panduan ini telah menjelaskan deskripsi singkat untuk mengulang sebuah loop melalui larik JSON menggunakan JavaScript.