Apakah Notasi Kurungan dan Bagaimana Ia Boleh Digunakan dalam Kekunci Literal Objek dalam JavaScript?

Memahami Notasi Kurungan dalam Kekunci Literal Objek

JavaScript menawarkan sintaks serba boleh untuk mentakrifkan literal objek, termasuk penggunaan kurungan segi empat sama [ (… ) ] dalam kedudukan penting. Sintaks ini mendayakan spesifikasi dinamik sifat objek berdasarkan nilai yang dikira.

Pertimbangkan contoh berikut:

<code class="javascript">let a = "b"
let c = {[a]: "d"}

console.log(c)  // Object {b: "d"}</code>

Kod ini memberikan sifat "b" kepada objek c, di mana sifat nama dikira berdasarkan nilai pembolehubah a. Ia berkelakuan sama dengan kod berikut:

<code class="javascript">let a = "b"
let c = {}
c[a] = "d"</code>

Dalam ES2015 (ES6), sintaks nama sifat yang dikira ini diperkenalkan sebagai cara mudah untuk menjana kekunci objek secara dinamik. Ia adalah gula sintaksis untuk penetapan sifat setara menggunakan kurungan:

<code class="javascript">c["b"] = "d"</code>

Sintaks ini amat berguna untuk bekerja dengan kekunci dinamik atau kompleks, seperti yang dijana daripada input pengguna atau dikira semasa masa jalan. Ia meningkatkan kebolehbacaan kod dan memudahkan penetapan harta, terutamanya apabila berurusan dengan kunci objek yang mungkin tidak diketahui lebih awal.

Atas ialah kandungan terperinci Apakah Notasi Kurungan dan Bagaimana Ia Boleh Digunakan dalam Kekunci Literal Objek dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!