Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Menetapkan Kunci Objek Secara Dinamik dalam JavaScript Menggunakan Pembolehubah?

Bagaimana untuk Menetapkan Kunci Objek Secara Dinamik dalam JavaScript Menggunakan Pembolehubah?

Barbara Streisand
Barbara Streisandasal
2024-12-18 11:03:11998semak imbas

How to Dynamically Assign Object Keys in JavaScript Using Variables?

Penugasan Kunci Objek JavaScript Menggunakan Pembolehubah

Apabila mencipta objek JavaScript dan menyimpannya dalam tatasusunan, anda mungkin menghadapi masalah di mana kunci objek ditetapkan kepada "kunci" dan bukannya nilai yang dikehendaki diberikan kepada pembolehubah. Artikel ini menyediakan penyelesaian kepada masalah ini dengan menerangkan cara menggunakan pembolehubah untuk menetapkan kunci objek secara dinamik.

Pendekatan lalai menggunakan . tatatanda tidak membenarkan penetapan kunci dinamik:

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

Untuk mencapai ini, ubah suai kod:

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

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

Kod ini mula-mula mencipta objek kosong, obj. Kemudian, menggunakan notasi kurungan segi empat sama, anda menetapkan kunci pembolehubah sebagai kunci dan someValueArray sebagai nilai. Ini membenarkan penetapan kunci dinamik daripada pembolehubah.

Nama Harta Berkomputer ES6

ECMAScript 2015 (ES6) memperkenalkan nama sifat terkira, yang menawarkan sintaks yang lebih ringkas:

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

const obj = {
    [yourKeyVariable]: someValueArray,
}

Kod ini menggunakan kurungan segi empat sama dalam notasi literal objek untuk hitung secara dinamik nama sifat objek daripada yourKeyVariable.

Penyelesaian ini menyediakan cara yang fleksibel untuk menetapkan kunci objek menggunakan pembolehubah, membolehkan anda mengisi objek secara dinamik dengan kekunci yang berbeza-beza.

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

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn