Bagaimanakah Saya Boleh Mengulang Dengan Berkesan Melalui Objek Bersarang dalam JavaScript?

Merelakan Objek JavaScript dengan Ahli Bersarang

Mencari ahli objek JavaScript boleh menjadi mudah. Walau bagaimanapun, proses menjadi lebih kompleks apabila objek mengandungi ahli bersarang yang juga objek. Mari kita terokai cara mengendalikan senario sedemikian dengan berkesan.

Pertimbangkan objek JavaScript berikut, yang mengandungi objek ahli bersarang yang mewakili mesej pengesahan:

var validation_messages = {
    "key_1": {
        "your_name": "jimmy",
        "your_msg": "hello world"
    },
    "key_2": {
        "your_name": "billy",
        "your_msg": "foo equals bar"
    }
};

Untuk mengulangi semua ahli objek ini, termasuk ahli bersarang, kita boleh menggunakan gabungan untuk...dalam gelung. Di bawah ialah contoh:

for (var key in validation_messages) {
    // Skip loop if the property is from prototype
    if (!validation_messages.hasOwnProperty(key)) continue;

    // Access the nested member object
    var obj = validation_messages[key];
    
    for (var prop in obj) {
        // Skip loop if the property is from prototype
        if (!obj.hasOwnProperty(prop)) continue;

        // Access the individual properties
        alert(prop + " = " + obj[prop]);
    }
}

Kod ini berulang melalui kekunci peringkat atas objek validation_messages. Untuk setiap kunci, ia menyemak sama ada ia adalah sifat sah objek (tidak termasuk sifat yang diwarisi daripada prototaip). Jika sah, ia mengakses objek ahli bersarang dan melakukan satu lagi untuk...dalam gelung untuk mengulangi sifatnya. Sekali lagi, ia menyemak sifat yang sah dan mendapatkan semula nilainya.

Menggunakan pendekatan ini, anda boleh melingkar dengan lancar melalui kedua-dua peringkat teratas dan ahli bersarang objek JavaScript, memberikan akses kepada semua nilainya.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengulang Dengan Berkesan Melalui Objek Bersarang dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!