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

Bagaimana untuk Membuat Senarai Harta Hierarki secara Rekursif dalam JavaScript?

Barbara Streisand
Lepaskan: 2024-10-20 14:28:02
asal
598 orang telah melayarinya

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));
            }
        }
    }
}
Salin selepas log masuk

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!

sumber:php
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