Bagaimanakah Saya Boleh Menggunakan Nama Harta Dinamik dalam Literal Objek JavaScript?

Nama Harta Dinamik dalam Literal Objek JavaScript

Dalam JavaScript, sifat objek biasanya diakses menggunakan tatatanda titik atau tatatanda kurungan. Walaupun yang pertama hanya menerima literal rentetan sebagai nama sifat, yang kedua menawarkan fleksibiliti yang lebih tinggi.

Notasi Kurungan untuk Nama Harta Dinamik

Notasi kurungan membenarkan penggunaan pembolehubah sebagai nama sifat dalam literal objek . Ini dicapai melalui nama sifat yang dikira, ciri yang diperkenalkan dalam ES6.

<code class="javascript">const myVar = "name";
const myObject = {
  [myVar]: "value"
};</code>

Dalam contoh di atas, myVar digunakan sebagai nama sifat dalam literal objek menggunakan kurungan segi empat sama. Ini bersamaan dengan menggunakan pendekatan tradisional berikut:

<code class="javascript">const myObject = {
  name: "value"
};</code>

Penghadan Literal Objek

Adalah penting untuk ambil perhatian bahawa nama sifat yang dikira tidak boleh digunakan dalam literal objek itu sendiri. Untuk mentakrifkan nama sifat bagi objek literal secara dinamik, objek mesti dibuat terlebih dahulu dan sifat individu kemudiannya boleh ditetapkan menggunakan tatatanda kurungan.

<code class="javascript">const myObject = {};
const myVar = "name";
myObject[myVar] = "value";</code>

Ini membolehkan kawalan yang lebih besar ke atas nama sifat dalam objek.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggunakan Nama Harta Dinamik dalam Literal Objek JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!