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
Patricia Arquetteasal
2024-11-11 22:21:02821semak imbas

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": {}
                            }
                        ]
                    }
                ]
            }
        ]
    }
]

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;
}

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!

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