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
Lepaskan: 2024-12-18 11:03:11
asal
935 orang telah melayarinya

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 });
Salin selepas log masuk

Untuk mencapai ini, ubah suai kod:

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

obj[key] = someValueArray;
myArray.push(obj);
Salin selepas log masuk

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,
}
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan