Bagaimanakah Saya Boleh Melintasi Objek JSON Bersarang dengan Cekap dalam JavaScript Tanpa Perpustakaan Luaran?

Menavigasi Hierarki Objek JSON dengan JavaScript: Penyelesaian Tersuai

Ramai pembangun mencari alatan untuk melintasi struktur JSON yang kompleks, namun perpustakaan khusus untuk tugas ini selalunya boleh kelihatan berlebihan. Dalam artikel ini, kami akan meneroka penyelesaian JavaScript yang disesuaikan untuk cabaran biasa ini.

Walaupun teknik traversal DOM banyak untuk dokumen XML, penghuraian JSON mempersembahkan set keperluan uniknya sendiri. Masukkan coretan kod berikut:

// Sample JSON object
const o = {
  foo: 'bar',
  arr: [1, 2, 3],
  subo: {
    foo2: 'bar2'
  }
};

// Custom traversal function:
function traverse(obj, callback) {
  for (const key in obj) {
    callback(key, obj[key]);
    if (obj[key] && typeof obj[key] === 'object') {
      traverse(obj[key], callback);
    }
  }
}

Fungsi ini, melintasi, menggunakan pendekatan rekursif, menurun melalui pepohon objek dan menggunakan fungsi panggil balik untuk setiap sifat dan nilainya. Panggilan balik itu sendiri ialah pemegang tempat untuk logik yang ditentukan pengguna.

Pertimbangkan contoh berikut:

// Callback function:
function process(key, value) {
  console.log(`${key} : ${value}`);
}

// Traverse the object using the custom function:
traverse(o, process);

Apabila digunakan pada objek sampel o, outputnya ialah:

foo : bar
arr : 1
arr : 2
arr : 3
subo : [object Object]
foo2 : bar2

Pendekatan ini menghapuskan kebergantungan luaran dan menyediakan mekanisme ringan untuk merentasi struktur JSON yang mendalam. Ia amat berguna untuk aplikasi yang memerlukan traversal manual atau lebih disukai berbanding rangka kerja yang besar.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melintasi Objek JSON Bersarang dengan Cekap dalam JavaScript Tanpa Perpustakaan Luaran?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!