Bagaimanakah saya boleh Mengakses Sifat Objek Secara Dinamik dalam JavaScript?

Mengakses Sifat Secara Dinamik menggunakan Pembolehubah

Dalam JavaScript, selalunya diingini untuk mengakses sifat menggunakan pembolehubah dan bukannya pengekodan keras nama sifat. Walaupun literal objek JavaScript biasanya membenarkan nama harta yang ditakrifkan sebagai rentetan, terdapat had yang lama dalam menggunakan pembolehubah secara langsung sebagai nama harta. Walau bagaimanapun, dengan pengenalan ES6, had ini telah ditarik balik.

Menggunakan Nama Harta Berkomputer (ES6)

ES6 memperkenalkan konsep Nama Harta Berkomputer, yang membolehkan tetapan dinamik nama harta menggunakan ungkapan. Untuk menggunakan ciri ini, hanya sertakan pembolehubah dalam kurungan segi empat sama sebagai nama sifat dalam literal objek:

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

Menggunakan Akses Harta Dinamik (Pra-ES6)

Sebelum ES6, tidak mungkin untuk menetapkan nama harta menggunakan pembolehubah secara langsung dalam literal objek. Walau bagaimanapun, terdapat penyelesaian yang melibatkan penciptaan objek dahulu dan kemudian menetapkan sifat secara dinamik:

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

Pendekatan ini membenarkan kefungsian yang sama seperti nama sifat yang dikira, tetapi memerlukan langkah tambahan untuk penciptaan objek terlebih dahulu.

Kesimpulan

Keupayaan untuk menetapkan nama sifat menggunakan pembolehubah sangat meningkatkan fleksibiliti dan sifat dinamik objek JavaScript. Dengan memanfaatkan nama harta yang dikira dalam ES6 atau akses harta dinamik sebelum ES6, pembangun boleh membuat dan mengubah suai objek dengan mudah berdasarkan nilai masa jalan.

Atas ialah kandungan terperinci Bagaimanakah saya boleh Mengakses Sifat Objek Secara Dinamik dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!