Bagaimana untuk Mencapai Tugasan Harta Dinamik dalam Objek JavaScript?

Mary-Kate Olsen
Lepaskan: 2024-10-21 10:09:02
asal
185 orang telah melayarinya

How to Achieve Dynamic Property Assignment in JavaScript Objects?

Penugasan Kunci Dinamik dalam Literal Objek

Dalam JavaScript, kurungan segi empat sama ([) bukan sahaja digunakan untuk menentukan indeks tatasusunan tetapi juga di dalam objek literal untuk mencipta nama harta yang dikira. Ini membolehkan kami menjana kekunci objek secara dinamik berdasarkan ungkapan atau pembolehubah.

Contoh:

Pertimbangkan kod berikut:

<code class="js">let a = "b";
let c = { [a]: "d" };
console.log(c); // Object { b: "d" }</code>
Salin selepas log masuk

Dalam contoh ini, kurungan segi empat sama di sekeliling [a] membolehkan kita menggunakan nilai pembolehubah a sebagai kunci untuk sifat objek. Kami berakhir dengan objek dengan kunci b dan nilai d.

Cara ia Berfungsi:

Sintaksi ini diperkenalkan dengan ES2015 (ES6) dan dikenali sebagai sintaks nama harta yang dikira. Ia menyediakan trengkas untuk tugasan berikut:

<code class="js">var a = "b";
var c = {};
c[a] = "d";</code>
Salin selepas log masuk

Dengan nama sifat yang dikira, bukannya menggunakan tatatanda titik (cth., c.a) atau notasi kurungan (cth., c["a"]) untuk kunci dinamik tugasan, kita hanya boleh menggunakan pembolehubah atau ungkapan di dalam kurungan segi empat sama.

Kelebihan:

Nama sifat yang dikira memberikan fleksibiliti dalam penciptaan objek, terutamanya apabila bekerja dengan dinamik atau struktur data yang kompleks. Ia membolehkan kami menjana kunci objek dengan mudah berdasarkan pengiraan, input pengguna atau logik pengaturcaraan lain.

Atas ialah kandungan terperinci Bagaimana untuk Mencapai Tugasan Harta Dinamik dalam Objek JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php
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
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!