Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Lelaran Melalui JSON Array dalam JavaScript?

Bagaimana untuk Lelaran Melalui JSON Array dalam JavaScript?

Mary-Kate Olsen
Lepaskan: 2024-11-27 20:28:14
asal
505 orang telah melayarinya

How to Iterate Through a JSON Array in JavaScript?

Lelaran Melalui Struktur JSON dalam JavaScript

Artikel ini menawarkan penyelesaian praktikal untuk mengulang struktur JSON dalam JavaScript, menangani soalan khusus :

Soalan:

Bagaimanakah Saya mengulangi struktur JSON berikut dalam JavaScript?

[{ "id": "10", "class": "child-of-9" }, { "id": "11", "classd": "child-of-10" }]
Salin selepas log masuk

Jawapan:

Struktur JSON yang disediakan adalah dalam format tatasusunan. Untuk mengulanginya, ikuti langkah berikut:

  1. Buat Objek Tatasusunan:
var arr = [
    {"id":"10", "class": "child-of-9"},
    {"id":"11", "class": "child-of-10"}
];
Salin selepas log masuk
  1. Gunakan Untuk Gelung untuk Berulang Sepanjang Tatasusunan:
for (var i = 0; i < arr.length; i++) {
Salin selepas log masuk
  1. Akses Objek Semasa dalam Gelung:
var obj = arr[i];
Salin selepas log masuk
  1. Gunakan Satu Lagi Untuk Gelung untuk Mengulangi Objek Sifat:
for (var key in obj) {
Salin selepas log masuk
  1. Ekstrak dan Paparkan Nilai Harta:
var value = obj[key];
document.write("<br><br>array index: " + i);
document.write("<br> - " + key + ": " + value);
Salin selepas log masuk

Coretan kod ini akan berulang atas setiap objek dalam tatasusunan JSON dan paparkan sifat dan nilainya dalam dokumen.

Atas ialah kandungan terperinci Bagaimana untuk Lelaran Melalui JSON Array dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan