Bagaimanakah Saya Boleh Menambah Sifat Secara Dinamik pada Objek JavaScript?

Memanipulasi Sifat Objek Secara Dinamik dalam JavaScript

Dalam JavaScript, keupayaan untuk menambah atau mengubah suai sifat dalam objek sedia ada adalah penting untuk membina aplikasi yang fleksibel dan reaktif. Selalunya, kita mungkin menghadapi senario di mana nama sifat ditentukan secara dinamik semasa masa jalan, yang menimbulkan persoalan: Adakah mungkin untuk menambah sifat dengan nama pembolehubah sedemikian pada objek?

Untuk menangani cabaran ini, mari kita mendalami perkara khusus contoh objek dengan sifat yang dipratentukan:

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

Andaikan kita mempunyai input pengguna yang menghasilkan pembolehubah bernama propName, dengan nilai 'PropertyZ'. Kami berhasrat untuk memasukkan sifat baharu PropertyZ ke dalam objek data kami secara dinamik.

Jawapannya ialah ya. JavaScript membenarkan kami menambah sifat pada objek menggunakan tatatanda kurungan segi empat sama atau tatatanda titik. Dalam kes ini, kita boleh menggunakan notasi kurungan segi empat sama untuk menetapkan sifat secara dinamik:

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

Pendekatan ini memberikan nilai yang ditentukan kepada sifat baharu dengan nama yang dijana secara dinamik, berjaya menambahkan PropertyZ dengan nilai 4 hingga objek data kami.

Untuk menunjukkan kefungsian, kami boleh mendapatkan semula sifat yang baru ditambah menggunakan sama ada notasi titik atau kurungan segi empat sama tatatanda:

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

Teknik berkuasa ini membolehkan kami memanipulasi sifat objek secara dinamik dalam JavaScript, membolehkan manipulasi objek yang fleksibel dan dipacu data.

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