Rumah > hujung hadapan web > tutorial js > Bagaimanakah saya boleh mengakses objek bersarang dalam dengan cekap dalam struktur tatasusunan yang kompleks?

Bagaimanakah saya boleh mengakses objek bersarang dalam dengan cekap dalam struktur tatasusunan yang kompleks?

Patricia Arquette
Lepaskan: 2024-11-11 22:21:02
asal
820 orang telah melayarinya

How can I efficiently access a deeply nested object within a complex array structure?

Cari Objek Sangat Bersarang dalam Tatasusunan

Bayangkan mempunyai objek bersarang kompleks seperti di bawah:

[
    {
        "title": "some title",
        "channel_id": "123we",
        "options": [
            {
                "channel_id": "abc",
                "image": "http://asdasd.com/all-inclusive-block-img.jpg",
                "title": "All-Inclusive",
                "options": [
                    {
                        "channel_id": "dsa2",
                        "title": "Some Recommends",
                        "options": [
                            {
                                "image": "http://www.asdasd.com",
                                "title": "Sandals",
                                "id": 1,
                                "content": {}
                            }
                        ]
                    }
                ]
            }
        ]
    }
]
Salin selepas log masuk

Anda ingin mendapatkan semula objek dengan id 1. Daripada menavigasi secara manual melalui setiap peringkat, mari teroka pendekatan yang lebih baik.

Rekursi ke Penyelamat

Rekursi, di mana fungsi memanggil dirinya sendiri, menyediakan penyelesaian yang elegan. Fungsi berikut berulang melalui objek bersarang:

function getObject(theObject) {
    var result = null;
    if (theObject instanceof Array) {
        for (var i = 0; i < theObject.length; i++) {
            result = getObject(theObject[i]);
            if (result) {
                break;
            }
        }
    } else {
        for (var prop in theObject) {
            console.log(prop + ': ' + theObject[prop]);
            if (prop == 'id') {
                if (theObject[prop] == 1) {
                    return theObject;
                }
            }
            if (theObject[prop] instanceof Object || theObject[prop] instanceof Array) {
                result = getObject(theObject[prop]);
                if (result) {
                    break;
                }
            }
        }
    }
    return result;
}
Salin selepas log masuk

Fungsi ini mengendalikan tatasusunan dan tatasusunan harta, merentasi keseluruhan objek untuk mencari padanan.

Demo dan Kesimpulan

Berikut ialah jsFiddle yang dikemas kini yang menunjukkan fungsi: https://jsfiddle.net/FM3qu/7/.

Kesimpulannya, rekursi menyediakan cara yang cekap untuk melintasi objek bersarang dalam dan mendapatkan semula objek tertentu berdasarkan kriteria. Dengan memanfaatkan rekursi, kami boleh mengelakkan navigasi manual yang menyusahkan dan mengendalikan struktur bersarang yang kompleks dengan mudah.

Atas ialah kandungan terperinci Bagaimanakah saya boleh mengakses objek bersarang dalam dengan cekap dalam struktur tatasusunan yang kompleks?. 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