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
Susan Sarandonasal
2024-11-03 17:12:30487semak imbas

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" };

Sebelum ES6

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

var myObject = {};
var myVar = "name";
myObject[myVar] = "value";

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"

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!

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