Bagaimana untuk menyimpan kunci => tatasusunan nilai dalam JavaScript?-tutorial js-php.cn

Bagaimana untuk menyimpan kunci => tatasusunan nilai dalam JavaScript?

PHPz

Lepaskan： 2023-09-09 09:45:09

ke hadapan

1001 orang telah melayarinya

如何在 JavaScript 中存储 key => tatasusunan nilai?

Kadangkala, kita perlu memetakan kunci kepada nilai tertentu menggunakan beberapa struktur data dalam JavaScript. Contohnya, adalah sangat berguna untuk menyimpan butiran pengguna dalam pasangan nilai kunci dalam JavaScript.

Kami boleh menyimpan data dalam format nilai kunci menggunakan struktur data yang berbeza seperti objek atau peta dalam JavaScript.

Gunakan objek untuk menyimpan kunci => nilai dalam JavaScript

Dalam JavaScript, objek membolehkan kami menyimpan data dalam format nilai kunci. Kita boleh menggunakan kunci dan objek untuk mendapatkan data daripada objek.

Tatabahasa

Pengguna boleh menggunakan objek dalam JavaScript untuk menyimpan pasangan nilai kunci mengikut sintaks berikut

let object = {};
object[key] = value;

Salin selepas log masuk

Dalam sintaks di atas, kami mencipta objek kosong. Tambahan pula, kami menyimpan nilai kunci tertentu dalam objek

Contoh 1

Dalam contoh di bawah, kami telah mencipta keysArray yang mengandungi nombor. valueArray mengandungi rentetan berbeza yang mewakili nombor.

Selepas itu, kami menggunakan gelung for untuk mengulangi keysArray. Kami mendapat kunci dari indeks ke-i keysArray dan nilai dari indeks ke-i bagi valuesArray. Untuk setiap kunci, kami menyimpan nilai dalam objek.

Akhir sekali, kami mencetak semua kunci dan nilai objek.

<html>
<body>
   <h2>Using the <i> objects </i> to store a key => value pairs in JavaScript.</h2>
   <div id = "output"> </div>
   <script>
      var output = document.getElementById('output');
      let keysArray = [1, 2, 3, 4, 5, 6];
      let valuesArray = ["one", "two", "three", "four", "five", "six"];
      let object = {};
      for (let i = 0; i < keysArray.length; i++) {
         object[keysArray[i]] = valuesArray[i];
      }
      for (let key in object) {
         output.innerHTML += "Key - " + key + " , value - " + object[key] + "<br>";
      }
   </script>
</body>
</html>

Salin selepas log masuk

Gunakan pemetaan untuk menyimpan kunci => nilai dalam JavaScript

Kami juga boleh menggunakan pemetaan untuk menyimpan data dalam format nilai kunci. Kelas peta mengandungi kaedah set() untuk menetapkan data, mengambil kunci dan nilai sebagai parameter. Selain itu, kelas peta mengandungi kaedah get(), yang mengambil kunci sebagai parameter dan mengembalikan nilai yang dipetakan.

Tatabahasa

Pengguna boleh menggunakan pemetaan untuk menyimpan pasangan nilai kunci dalam JavaScript mengikut sintaks berikut.

let mapData = new Map();
mapData.set(key, value)

Salin selepas log masuk

Kami menggunakan pembina Map() dalam sintaks di atas untuk mencipta objek peta baharu. Selain itu, kami menggunakan kaedah set() untuk menetapkan kunci dan nilai.

Contoh 2

Dalam contoh di bawah, tatasusunan mapKeys mengandungi rentetan angka. Kami mengulangi tatasusunan dan menetapkan pasangan nilai utama ke dalam peta. Dalam gelung for, kami menggunakan kaedah set() untuk menetapkan nilai kunci dalam peta. Selain itu, kami lulus kunci daripada tatasusunan mapKeys sebagai parameter pertama dan indeks sebagai parameter kedua.

<html>
<body>
   <h2>Using the <i> mapData </i> to store a Key => value pairs in JavaScript.</h2>
   <div id = "output"> </div>
   <script>
      var output = document.getElementById('output');
      let mapKeys = ["one", "two", "three", "four", "five", "six"];
      
      // Creating the new map
      let mapData = new Map();
      for (let i = 0; i < mapKeys.length; i++) {
         mapData.set(mapKeys[i], i)
      }
      for (let mapKey of mapData.keys()) {
         output.innerHTML += "mapKey - " + mapKey + " , value - " + mapData.get(mapKey) + "<br>";
      }
   </script>
</body>
</html>

Salin selepas log masuk

Gunakan kaedah array.reduce() dalam JavaScript untuk menyimpan kunci => nilai

Kaedah

array.reduce() menukar tatasusunan kepada satu elemen dengan mengurangkan tatasusunan. Kita boleh menggunakan kaedah reduce() untuk menukar keseluruhan tatasusunan menjadi satu objek dengan menyimpan data tatasusunan di dalam objek dalam format pasangan nilai kunci.

Tatabahasa

Pengguna boleh menggunakan kaedah array.reduce() untuk menyimpan data tatasusunan dalam objek mengikut sintaks di bawah.

let object = arrayOfValues.reduce((obj, element, index) => {
   obj[index * 2] = element;
   return obj;
}, {})

Salin selepas log masuk

Kami memulakan objek menggunakan {} (objek kosong) dalam sintaks di atas. Kami menyimpan setiap elemen tatasusunan dalam objek obj dan mengembalikannya daripada kaedah array.reduce().

Contoh 3

Dalam contoh di bawah, kami mempunyai pembolehubah arrayOfValues yang mengandungi bahasa pengaturcaraan berbeza dalam format rentetan. Kami telah menukar tatasusunan kepada format objek, yang menyimpan data tatasusunan dalam format nilai kunci.

Dalam kaedah array.reduce(), objek obj mengandungi nilai kunci yang dikemas kini dalam lelaran terakhir. Dalam lelaran semasa, kami menggunakan indeks *2 sebagai kunci dan elemen tatasusunan sebagai nilai elemen objek. Selepas itu, kami kembali obj.

<html>
<body>
   <h2>Using the <i> Array.reduce() method </i> to store a key => value pairs in JavaScript.</h2>
   <div id = "output"> </div>
   <script>
      var output = document.getElementById('output');
      let arrayOfValues = ["TypeScript", "JavaScript", "ReactJS", "NextJS", "Python", "C"];
      let object = arrayOfValues.reduce((obj, element, index) => {
         
         // store element to object
         obj[index * 2] = element;
         
         // return updated object
         return obj;
      }, {})
      for (let objKey in object) {
         output.innerHTML += "Key - " + objKey + " , value - " + object[objKey] + "<br>";
      }
   </script>
</body>
</html>

Salin selepas log masuk

Kami telah menggunakan kaedah peta, objek dan array.reduce() dalam JavaScript untuk menyimpan data dalam format nilai kunci. Peta ialah cara terbaik untuk menyimpan data dalam format nilai kunci.

Atas ialah kandungan terperinci Bagaimana untuk menyimpan kunci => tatasusunan nilai dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!