Rumah > Artikel > hujung hadapan web > Bagaimana untuk menggunakan pembolehubah sebagai kunci dalam literal objek JavaScript?

Bagaimana untuk menggunakan pembolehubah sebagai kunci dalam literal objek JavaScript?

WBOYke hadapan: 2023-08-28 08:25:071157semak imbas

如何在 JavaScript 对象文字中使用变量作为键？

Dalam JavaScript, kadangkala kita perlu menggunakan pembolehubah sebagai kunci objek. Sebagai contoh, apabila mendapatkan data daripada API dan tidak pasti semua sifat data tindak balas, kita perlu mengulangi objek tindak balas dan menyimpan setiap sifatnya.

Walau bagaimanapun, kita tidak boleh menggunakan pembolehubah sebagai kunci semasa mencipta objek, tetapi selepas penciptaan, kita boleh menambah sifat pembolehubah pada objek.

Tatabahasa

Pengguna boleh menggunakan pembolehubah sebagai kunci dalam objek JavaScript mengikut sintaks berikut.

object[key] = value;

Dalam sintaks di atas, "kunci" ialah pembolehubah yang mengandungi nilai tertentu.

Contoh

Dalam contoh di bawah, kami mencipta objek yang mengandungi sifat jadual. Selain itu, kami mencipta pembolehubah "dimensi" untuk menyimpan dimensi jadual. Pembolehubah "kunci" mengandungi "dimensi" sebagai nilai rentetan.

Selepas mencipta objek, kami menggunakan pembolehubah "kunci" sebagai atribut objek dan nilai pembolehubah "dimensi" sebagai nilai atribut objek.

<html>
<body>
   <h2>Using variables as key of JavaScript object</h2>
   <div id = "content"> </div>
   <script>
      let content = document.getElementById("content");
      let object = {
         "table_id": 1,
         "table_name": "table1",
         "table_price": 100
      };
      let dimesions = "100 x 100";
      let key = "dimensions";
      object[key] = dimesions;
      for (let key in object) {
         content.innerHTML += key + " : " + object[key] + "<br>";
      }
   </script>
</body>
</html>

Dalam output, pengguna boleh melihat bahawa dimensi jadual disimpan sebagai nilai objek "dimensi".

Contoh

Dalam contoh di bawah, kami mencipta objek kosong. Selepas itu, kami melakukan 10 lelaran menggunakan gelung for. Kami menggunakan "I" sebagai kunci dan i*i sebagai nilai atribut dalam setiap lelaran.

Dengan cara ini kita menyimpan kuasa dua nombor sebagai nilai dan nombor itu sendiri sebagai kunci.

<html>
<body>
   <h2>Using variables as key of JavaScript object</h2>
   <div id="content"> </div>
   <script>
      let content = document.getElementById("content");
      let object = {};
      for (let i = 0; i < 10; i++) {
         object[i] = i * i;
      }
      content.innerHTML = "The object is: " + JSON.stringify(object) + "<br>";
      for (let i = 0; i < 10; i++) {
         content.innerHTML += "The square of " + i + " is " + object[i] + "<br>";
      }
   </script>
</body>
</html>

Pengguna belajar menggunakan pembolehubah sebagai kunci semasa membuat objek JavaScript. Apabila kita menggunakan pembolehubah sebagai kunci, ia sebenarnya menggunakan nilai pembolehubah sebagai kunci.

Atas ialah kandungan terperinci Bagaimana untuk menggunakan pembolehubah sebagai kunci dalam literal objek JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam

Artikel sebelumnya：Bekerja dengan data berformat JSON dalam SnekArtikel seterusnya：Bekerja dengan data berformat JSON dalam Snek

Artikel berkaitan

Lihat lagi