Bagaimanakah Saya Boleh Menetapkan Kekunci Objek Secara Dinamik Menggunakan Pembolehubah dalam JavaScript?

Menetapkan Kekunci Objek Menggunakan Pembolehubah dalam JavaScript

Dalam JavaScript, semasa membina objek, anda mungkin menghadapi situasi di mana anda ingin menetapkan nilai kunci secara dinamik menggunakan pembolehubah. Walau bagaimanapun, dengan hanya mengikut sintaks permulaan objek biasa, anda akan melihat bahawa kunci ditetapkan kepada nama pembolehubah dan bukannya nilai yang dimaksudkan.

Perihalan Masalah

Coretan kod berikut menggambarkan isu:

var key = "happyCount";
myArray.push({ key: someValueArray });

Memeriksa myArray selepas operasi ini mendedahkan bahawa kunci untuk setiap objek adalah "kunci" dan bukannya nilai yang dimaksudkan disimpan dalam pembolehubah kunci.

Penyelesaian: Mencipta Objek Pertama

Untuk menyelesaikan isu ini, cipta objek sebelum menetapkan kekunci menggunakan notasi kurungan []. Sintaks ini membolehkan anda menetapkan nilai kunci secara dinamik daripada pembolehubah.

var key = "happyCount";
var obj = {};

obj[key] = someValueArray;
myArray.push(obj);

Kini, objek yang dicipta akan mempunyai kunci yang ditetapkan kepada nilai pembolehubah kunci.

ECMAScript 2015 Computed Nama Harta

ECMAScript 2015 (ES6) memperkenalkan nama harta terkira, ciri yang membolehkan lebih fleksibiliti dalam menentukan kunci objek secara dinamik. Sintaks ini menggunakan kurungan segi empat sama [] untuk menyertakan nama sifat, yang boleh berupa sebarang ungkapan JavaScript yang sah.

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

const obj = {
    [yourKeyVariable]: someValueArray,
};

Kod ini mencapai hasil yang sama seperti penyelesaian sebelumnya tetapi menggunakan sintaks nama sifat yang dikira, iaitu lebih ringkas dan ekspresif.

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