Bagaimanakah saya boleh menukar rentetan JavaScript dalam notasi titik menjadi rujukan objek?

Tukar String JavaScript dalam Notasi Titik kepada Rujukan Objek

Dalam JavaScript, menavigasi sifat objek menggunakan tatatanda titik ialah amalan biasa dan mudah . Walau bagaimanapun, mungkin terdapat situasi di mana anda mempunyai rentetan yang mewakili hierarki yang dipisahkan titik dan perlu menukarnya menjadi rujukan objek untuk akses mudah.

Pernyataan Masalah:

Memandangkan objek dan rentetan dalam notasi titik, bagaimana anda boleh menukar rentetan itu menjadi rujukan objek untuk mengakses yang sepadan harta?

Contoh:

Pertimbangkan objek berikut:

var obj = { a: { b: '1', c: '2' } }

Dan rentetan:

"a.b"

Bagaimana bolehkah anda menukar "a.b" untuk mendapatkan semula nilai yang dikaitkan dengan obj.a.b?

Penyelesaian:

Terdapat beberapa kaedah untuk mencapai perkara ini:

1. Menggunakan Fungsi eval() (TIDAK DISYORKAN):

eval("var val = obj." + string);

Penyelesaian ini secara langsung menilai rentetan sebagai kod dan memberikan hasilnya kepada val. Walau bagaimanapun, penggunaan eval() secara amnya tidak digalakkan kerana kebimbangan keselamatan.

2. Menggunakan Operator [] (Kaedah Tidak Langsung):

var val = obj[string];

Kaedah ini menggunakan sintaks kurungan segi empat sama untuk mengakses sifat secara tidak langsung. Ia berfungsi apabila rentetan ialah pengecam JavaScript yang sah (cth., tiada ruang atau aksara khas).

3. Menggunakan Kaedah reduce():

var val = string.split('.').reduce(function(obj, i) { return obj[i]; }, obj);

Penyelesaian ini membelah rentetan dengan aksara noktah (.) dan menggunakan kaedah reduce() untuk melintasi hierarki objek, bermula dari objek akar.

4. Menggunakan Fungsi multiIndex():

var val = multiIndex(obj, string.split('.'));

function multiIndex(obj, is) {
    return is.length ? multiIndex(obj[is[0]],is.slice(1)) : obj
}

Penyelesaian ini secara rekursif merentasi hierarki objek sehingga sifat yang dikehendaki ditemui. Ia mengendalikan kedua-dua tatatanda titik berbilang peringkat dan tatasusunan (jika perlu).

Mengendalikan Tatasusunan (Pilihan):

Sekiranya rentetan mengandungi indeks tatasusunan, anda boleh menggunakan pendekatan berikut:

var val = string.match(/[^\]\[.]+/g).reduce(function(obj, i) { return obj[i]; }, obj);

Tambahan Nota:

• Pertimbangkan implikasi prestasi apabila menggunakan rekursi atau reduce(), terutamanya untuk hierarki objek yang besar atau kompleks.
• Pastikan rentetan input dibersihkan untuk mengelakkan kod hasad pelaksanaan.
• Kunci sifat dalam JavaScript sentiasa rentetan, jadi rujukan objek menggunakan notasi titik sememangnya berasaskan rentetan.

Atas ialah kandungan terperinci Bagaimanakah saya boleh menukar rentetan JavaScript dalam notasi titik menjadi rujukan objek?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!