Bagaimanakah Saya Boleh Menetapkan Kunci Secara Dinamik kepada Objek JavaScript?

Penugasan Kunci Dinamik dalam Objek JavaScript

Soalan asal menyerlahkan cabaran biasa yang dihadapi semasa membina objek dalam JavaScript, di mana kunci yang dikehendaki disimpan dalam pembolehubah. Menggunakan pembolehubah sebagai kunci terus dalam objek literal mengakibatkan kunci ditetapkan sebagai "kunci" dan bukannya nilai pembolehubah yang diingini.

Untuk menangani isu ini, penyelesaian yang disediakan mencadangkan mencipta objek dahulu dan kemudian menggunakan notasi kurungan untuk menetapkan kunci secara dinamik. Dengan meletakkan nama pembolehubah dalam kurungan, JavaScript mentafsirkannya sebagai sifat yang dikira, secara dinamik memperuntukkan nilai pembolehubah sebagai kunci.

var key = "happyCount";
var obj = {};
obj[key] = someValueArray;
myArray.push(obj);

Dalam pendekatan ini, objek obj dicipta dengan kekunci kosong. Kemudian, kunci pembolehubah digunakan sebagai harta yang dikira, menetapkan kunci kepada nilai yang dikehendaki. Akhirnya, objek ditolak ke dalam tatasusunan.

Kaedah alternatif yang diperkenalkan dalam ES6 ialah menggunakan nama sifat yang dikira. Ciri ini membolehkan anda mengira secara dinamik nama sifat sesuatu objek menggunakan sintaks kurungan segi empat sama:

const yourKeyVariable = "happyCount";
const someValueArray= [...];

const obj = {
    [yourKeyVariable]: someValueArray,
}

Dalam kod ini, objek obj dicipta dengan nama sifat yang dikira di mana pembolehubah yourKeyVariable menentukan kunci. Pendekatan ini menyediakan cara ringkas dan fleksibel untuk menetapkan kunci objek secara dinamik dalam JavaScript.

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