Rumah > hujung hadapan web > tutorial js > Bagaimanakah Nama Harta Terkira Boleh Memudahkan Penciptaan Literal Objek dalam JavaScript?

Bagaimanakah Nama Harta Terkira Boleh Memudahkan Penciptaan Literal Objek dalam JavaScript?

Susan Sarandon
Lepaskan: 2024-11-03 17:12:30
asal
476 orang telah melayarinya

How Can Computed Property Names Simplify Object Literal Creation in JavaScript?

Menggunakan Nama Harta Terkira dalam Literal Objek JavaScript

Dalam JavaScript, adalah mungkin untuk menggunakan nama harta terkira untuk menentukan sifat secara dinamik dalam objek literal. Ini membenarkan penetapan nilai pembolehubah sebagai nama sifat, seperti dalam contoh berikut:

var myVar = "name";
var myObject = { [myVar]: "value" };
Salin selepas log masuk

Sebelum ES6

Sebelum pengenalan ES6, tatatanda kurungan segi empat sama perlu digunakan untuk mencapai ini:

var myObject = {};
var myVar = "name";
myObject[myVar] = "value";
Salin selepas log masuk

Walau bagaimanapun, pendekatan ini melibatkan penciptaan objek dahulu dan kemudiannya menetapkan setiap sifat secara individu, menjadikannya kurang ringkas.

ES6 dan Nama Harta Terkira

Dengan ketibaan ES6, sintaks nama sifat terkira muncul :

[myVar]: "value"
Salin selepas log masuk

Sintaks ini membenarkan penugasan langsung nilai pembolehubah sebagai nama sifat dalam objek literal, memudahkan proses.

Atas ialah kandungan terperinci Bagaimanakah Nama Harta Terkira Boleh Memudahkan Penciptaan Literal Objek dalam JavaScript?. 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