Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Membuat Senarai Harta Hierarki secara Rekursif dalam JavaScript?

Bagaimana untuk Membuat Senarai Harta Hierarki secara Rekursif dalam JavaScript?

Barbara Streisand
Barbara Streisandasal
2024-10-20 14:28:02517semak imbas

How to Recursively Create Hierarchical Property Lists in JavaScript?

Membina Senarai Harta Hierarki dengan Rekursi

Membulat melalui objek bersarang kompleks untuk membina senarai harta hierarki ialah tugas biasa dalam JavaScript. Memandangkan objek dengan struktur yang berpotensi kompleks, matlamatnya ialah untuk menjana senarai kunci sifat yang mencerminkan struktur objek.

Untuk menangani perkara ini, kita boleh menggunakan fungsi rekursif yang merentasi objek. Berikut ialah versi dipertingkat bagi fungsi yang disediakan:

function iterate(obj, stack) {
    for (var property in obj) {
        if (obj.hasOwnProperty(property)) {
            if (typeof obj[property] == "object") {
                iterate(obj[property], stack + '.' + property);
            } else {
                console.log(property + "   " + obj[property]);
                $('#output').append($("<div>").text(stack + '.' + property));
            }
        }
    }
}

Dalam fungsi ini, kami mengekalkan rentetan yang dipanggil 'tindanan' yang mewakili laluan semasa dalam objek. Apabila kami menemui sub-objek, kami menambahkan hartanya pada tindanan dan meneruskan rekursi. Untuk sifat primitif, kami log dan tambah laluannya ke div untuk visualisasi.

Dengan menggunakan fungsi 'iterate' dengan objek asal dan tindanan awal yang kosong, kami boleh membina senarai hierarki kunci harta yang dikehendaki secara rekursif .

Atas ialah kandungan terperinci Bagaimana untuk Membuat Senarai Harta Hierarki secara Rekursif dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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