Bagaimana untuk menggunakan pembolehubah sebagai kunci dalam literal objek JavaScript?-tutorial js-php.cn

Bagaimana untuk menggunakan pembolehubah sebagai kunci dalam literal objek JavaScript?

WBOY

Lepaskan： 2023-08-28 08:25:07

ke hadapan

1134 orang telah melayarinya

如何在 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;

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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!

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

Bagaimana untuk menggunakan pembolehubah sebagai kunci dalam literal objek JavaScript?

Tatabahasa

Contoh

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

Bagaimana untuk menggunakan pembolehubah sebagai kunci dalam literal objek JavaScript?

Tatabahasa

Contoh

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

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