Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Mengulang Melalui Struktur JSON Kompleks dalam JavaScript?

Bagaimanakah Saya Boleh Mengulang Melalui Struktur JSON Kompleks dalam JavaScript?

DDD
Lepaskan: 2024-11-27 15:15:14
asal
892 orang telah melayarinya

How Can I Iterate Through Complex JSON Structures in JavaScript?

Lelaran melalui Struktur JSON Kompleks dalam JavaScript

Apabila bekerja dengan data dalam format JSON (JavaScript Object Notation), selalunya perlu diulang semula struktur hierarkinya untuk mengekstrak atau memanipulasi maklumat. Dalam kes ini, anda dibentangkan dengan struktur JSON yang terdiri daripada tatasusunan objek, di mana setiap objek mewakili rekod kanak-kanak.

Untuk mengulangi struktur ini dan mengakses sifat setiap objek kanak-kanak, anda boleh gunakan gabungan lelaran tatasusunan dan penghitungan harta objek. Begini cara anda melakukannya dalam JavaScript:

var arr = [{"id":"10", "class": "child-of-9"}, {"id":"11", "class": "child-of-10"}];

// Iterate over the array of child objects
for (var i = 0; i < arr.length; i++){
  console.log("array index: " + i);

  // Iterate over the properties of each child object
  var obj = arr[i];
  for (var key in obj){
    var value = obj[key];
    console.log(" - " + key + ": " + value);
  }
}
Salin selepas log masuk

Dalam kod ini, gelung luar menggunakan gelung for untuk lelaran ke atas tatasusunan objek kanak-kanak. Untuk setiap objek kanak-kanak, gelung dalam menggunakan gelung for...in untuk mengulangi sifat objek, mengekstrak kunci (nama harta) dan nilai (nilai harta) untuk setiap harta. Konsol anda kini akan memaparkan kandungan struktur JSON anda dengan cara yang jelas dan teratur.

Dengan mengikuti pendekatan ini, anda boleh mengulangi struktur JSON yang kompleks dengan berkesan, membolehkan anda mengakses dan memanipulasi data mengikut keperluan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengulang Melalui Struktur JSON Kompleks 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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan