Bagaimana untuk Mengakses Sifat Objek Bersarang Menggunakan Rentetan Notasi Titik dalam JavaScript?

Mengakses Sifat Kanak-Kanak Objek melalui Rentetan Notasi Titik

Apabila berurusan dengan objek bersarang, mengakses sifat yang terkubur dalam boleh menyusahkan. Menentukan cara ideal untuk mencapai ini menggunakan tatatanda titik rentetan telah membingungkan banyak pembangun.

Pertimbangkan objek yang ditakrifkan seperti berikut:

var r = { a: 1, b: { b1: 11, b2: 99 } };

Untuk mengakses nilai b2, anda biasanya boleh menggunakan :

r.b.b2
r['b']['b2']

Walau bagaimanapun, mentakrifkan rentetan seperti var s = "b.b2" dan percubaan untuk mengakses r[s] atau r.s akan gagal.

Penyelesaian:

Satu kaedah melibatkan mencipta fungsi tersuai yang membelah rentetan pada titik dan secara berulang mendapatkan semula yang diingini harta benda. Contoh mudah ialah:

function getDescendantProp(obj, desc) {
    var arr = desc.split(".");
    while (arr.length && (obj = obj[arr.shift()]));
    return obj;
}

console.log(getDescendantProp(r, "b.b2")); // Outputs 99

Fungsi ini menurunkan hierarki objek secara rekursif berdasarkan laluan yang dipisahkan titik, mengembalikan nilai akhir. Terutama, ia juga boleh mengendalikan mengakses indeks tatasusunan menggunakan notasi titik:

console.log(getDescendantProp({ a: [1, 2, 3] }, 'a.2')); // Outputs 3

Atas ialah kandungan terperinci Bagaimana untuk Mengakses Sifat Objek Bersarang Menggunakan Rentetan Notasi Titik dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!