Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Mencipta Kunci Dinamik dalam Objek JavaScript?

Bagaimana untuk Mencipta Kunci Dinamik dalam Objek JavaScript?

Susan Sarandon
Lepaskan: 2024-11-06 09:47:03
asal
1042 orang telah melayarinya

How to Create Dynamic Keys in JavaScript Objects?

Mencipta Kekunci Dinamik dalam Objek JavaScript

Dalam percubaan untuk menambah kekunci secara dinamik pada objek, pendekatan berikut mungkin tidak mencapai hasil yang diingini :

jsObj = {};

for (let i = 1; i <= 10; i++) {
    jsObj{'key' + i} = 'example ' + 1;
}
Salin selepas log masuk

Untuk mencipta kekunci dinamik, tatatanda kurungan segi empat sama mesti digunakan dalam gelung:

jsObj['key' + i] = 'example ' + 1;
Salin selepas log masuk

Memahami Sifat Objek dan Gelagat Tatasusunan

Objek JavaScript boleh mempunyai nama sifat yang merupakan rentetan angka (cth., "0", "5", "207"). Walau bagaimanapun, gelagat tika tatasusunan berbeza dengan ketara:

  • Tatasusunan mengekalkan sifat panjang yang menunjukkan bilangan nama sifat angka tambah satu.
  • Menetapkan sifat panjang mengalih keluar nama sifat angka.
  • Apabila menetapkan sifat dengan nama berangka menggunakan tatatanda kurungan segi empat sama, perkara berikut berlaku:

Dalam contoh tatasusunan, sifat panjang dikemas kini jika nama angka adalah yang terbesar yang sedia ada.

Dalam objek biasa, tiada kesan sampingan seperti itu berlaku.

Oleh itu, menggunakan tatasusunan untuk menyimpan sifat berangka mungkin bermanfaat apabila mengekalkan sifat panjang yang diingini.

  • Pertimbangan Pensirian JSON
  • Apabila bekerja dengan pensirilan JSON, adalah penting untuk mengetahui bahawa hanya sifat tatasusunan yang dinamakan secara numerik disertakan dalam bentuk bersiri. Sebarang sifat lain yang ditambahkan akan hilang.

Nama Harta Berkomputer ES2015

Dalam JavaScript ES6, nama sifat yang dikira boleh digunakan dengan mudah untuk mengendalikan kunci dinamik:

Atas ialah kandungan terperinci Bagaimana untuk Mencipta Kunci Dinamik dalam Objek 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