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

Bagaimana untuk Mencipta Kunci Dinamik dalam Objek JavaScript?

Susan Sarandon
Susan Sarandonasal
2024-11-06 09:47:03974semak imbas

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

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

jsObj['key' + i] = 'example ' + 1;

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!

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