Bagaimana untuk Mengakses Sifat Objek JavaScript dengan Tanda Sempang?

Mengakses Sifat Objek JavaScript dengan Tanda Sempang

Apabila bekerja dengan JavaScript, merujuk sifat objek dengan tanda sempang boleh menjadi mencabar. Pertimbangkan senario berikut:

var style = css($(this));
alert(style.width); // Works fine
alert(style.text-align); // Uncaught Reference Error

Sempang dalam "text-align" ditafsirkan sebagai tanda tolak, yang membawa kepada ralat.

Penyelesaian 1: Penukaran Sarung Unta

Untuk sifat CSS, menggunakan notasi kunci sarung unta adalah pilihan kaedah:

obj.style-attr // Becomes

obj["styleAttr"]

Penyelesaian 2: Notasi Kunci

Anda juga boleh menggunakan tatatanda kekunci dan bukannya tatatanda titik:

style["text-align"]

JavaScript membenarkan anda merujuk kepada sifat objek menggunakan sintaks yang sama seperti tatasusunan:

arr[0] // Array index

obj["method"] // Object property

Pertimbangan Tambahan:

• Sifat yang diakses dengan tatatanda kunci dinilai sebagai rentetan.
• Aksara tidak dibenarkan dalam JavaScript pembolehubah mesti diakses menggunakan tatatanda kunci.
• Ungkapan biasa berikut menggariskan sifat yang sah names:

[a-zA-Z_$][0-9a-zA-Z_$]*

Dengan menggunakan teknik ini, anda boleh mengakses sifat objek JavaScript yang mengandungi sempang dengan cekap.

Atas ialah kandungan terperinci Bagaimana untuk Mengakses Sifat Objek JavaScript dengan Tanda Sempang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!