Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Mengakses Sifat Objek JavaScript dengan Tanda Sempang?

Bagaimanakah Saya Mengakses Sifat Objek JavaScript dengan Tanda Sempang?

Mary-Kate Olsen
Lepaskan: 2024-12-08 16:39:10
asal
962 orang telah melayarinya

How Do I Access JavaScript Object Properties with Hyphens?

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"]
Salin selepas log masuk

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

style["text-align"]
Salin selepas log masuk

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_$]*
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan