Bolehkah Anda Menambah Sifat Secara Dinamik pada Objek JavaScript?

Penambahan Harta Dinamik dalam Objek JavaScript

Siasatan ini meneroka kemungkinan menambah sifat secara dinamik pada objek JavaScript selepas permulaan awalnya, terutamanya apabila nama hartanah tidak diketahui sehingga masa jalan.

Objek Permulaan Struktur

Pertimbangkan objek yang ditakrifkan seperti berikut:

var data = {
    'PropertyA': 1,
    'PropertyB': 2,
    'PropertyC': 3
};

Penambahan Harta Dinamik

Timbul persoalan sama ada ia boleh ditambah lagi sifat kepada objek ini secara dinamik, dengan nama ditentukan semasa masa jalan. Katakan kita mempunyai propName pembolehubah yang menyimpan nama harta yang diperoleh daripada input pengguna. Bagaimanakah kita boleh menambah sifat baharu dengan nama ini pada objek data?

Penyelesaian

Ya, memang mungkin untuk menambah sifat pada objek JavaScript secara dinamik. Untuk berbuat demikian, anda boleh menggunakan notasi kurungan untuk mengakses sifat mengikut nama:

var propName = 'Property' + someUserInput
data[propName] = 4;

Dengan melampirkan nama sifat dalam kurungan segi empat sama, kami boleh mengakses dan menetapkan sifat secara dinamik.

Contoh

Pertimbangkan contoh yang disediakan dalam soalan:

var propName = 'Property' + 'Z'
data[propName] = 4;

// dialog box with 4 in it
alert(data.PropertyD);
alert(data["PropertyD"]);

Dalam contoh ini, kami menambahkan sifat "PropertyZ" secara dinamik pada objek data, yang kemudiannya boleh diakses menggunakan tanda kurungan atau titik.

Atas ialah kandungan terperinci Bolehkah Anda Menambah Sifat Secara Dinamik pada Objek JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!