Bagaimanakah Saya Mengakses Sifat Objek JavaScript dengan Tanda Sempang?

Memahami Akses Harta dalam Objek JavaScript dengan Tanda Sempang

Dalam pembangunan web, mengakses sifat objek adalah penting. Walau bagaimanapun, sifat dengan tanda sempang, seperti sifat gaya CSS, memberikan cabaran. Untuk menangani isu ini, adalah penting untuk memahami batasan tatatanda titik dan menggunakan kaedah alternatif.

Penghadan Notasi Titik

Seperti yang anda temui, mengakses sifat dengan tanda sempang menggunakan tatatanda titik (cth., style.text-align) mengakibatkan ralat kerana tanda sempang ditafsirkan sebagai tanda tolak. Untuk mengatasinya, tatatanda kekunci mesti digunakan.

Notasi Kunci

Notasi kunci melibatkan penggunaan kurungan segi empat sama ([]) untuk mengakses sifat objek. Untuk sifat dengan sempang, sintaks berikut diperlukan:

obj["key-with-hyphen"]

Menggunakan ini pada kod anda, anda boleh mendapatkan semula sifat "text-align" seperti berikut:

style["text-align"]

Pertimbangan Tambahan

Apabila mengakses sifat menggunakan tatatanda kunci, simpan perkara berikut dalam minda:

• Gunakan Huruf Rentetan: Kekunci sifat dengan tanda sempang mesti disertakan dalam literal rentetan kerana ia dinilai secara dinamik.
• Susunatur sebagai Objek: Tatasusunan dalam JavaScript ialah objek dan sifat objek boleh diakses menggunakan perkara yang sama sintaks.
• Regex untuk Nama Harta Sah: Ungkapan biasa berikut memastikan nama sifat mematuhi konvensyen penamaan JavaScript:

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

Dengan menggabungkan konsep ini , anda boleh mengakses sifat objek JavaScript dengan cekap dengan tanda sempang, membolehkan anda memanipulasi gaya CSS dan objek lain dengan mudah.

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