Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Melintasi dan Mengulang Melalui Struktur JSON Bersarang dalam JavaScript?

Bagaimanakah Saya Melintasi dan Mengulang Melalui Struktur JSON Bersarang dalam JavaScript?

Mary-Kate Olsen
Lepaskan: 2024-11-28 03:56:10
asal
499 orang telah melayarinya

How Do I Traverse and Iterate Through Nested JSON Structures in JavaScript?

Merentasi Struktur JSON dalam JavaScript

JSON (JavaScript Object Notation) ialah format data yang digunakan secara meluas untuk menghantar data antara program dan perkhidmatan web. Strukturnya selalunya melibatkan objek dan tatasusunan bersarang, menjadikannya perlu untuk memahami cara mengulang struktur ini dalam JavaScript.

Untuk mengulang struktur JSON, anda boleh menggunakan lelaran terbina dalam JavaScript, seperti for dan forEach . Pertimbangkan struktur JSON berikut sebagai contoh:

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

Untuk lelaran ke atas struktur ini, kita boleh menggunakan gelung for:

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

for (var i = 0; i < arr.length; i++){
  console.log("array index: " + i);
  var obj = arr[i];
  for (var key in obj){
    var value = obj[key];
    console.log(" - " + key + ": " + value);
  }
}
Salin selepas log masuk

Dalam contoh ini, gelung luar berulang ke atas tatasusunan objek, manakala gelung dalam berulang ke atas sifat setiap objek. Pendekatan ini membolehkan kami mengakses dan memproses kedua-dua tatasusunan dan pasangan nilai kunci objek.

Kaedah ini menyediakan cara yang fleksibel untuk mengulangi struktur JSON, menjadikannya mudah untuk mendapatkan dan memanipulasi data mereka.

Atas ialah kandungan terperinci Bagaimanakah Saya Melintasi dan Mengulang Melalui Struktur JSON Bersarang 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