Bagaimana untuk menukar kunci Peta kepada tatasusunan dalam JavaScript?-tutorial js-php.cn

Bagaimana untuk menukar kunci Peta kepada tatasusunan dalam JavaScript?

PHPz

Lepaskan： 2023-08-24 13:53:05

ke hadapan

1901 orang telah melayarinya

Bagaimana untuk menukar kunci Peta kepada tatasusunan dalam JavaScript?

Terdapat pelbagai cara untuk menukar kunci peta kepada tatasusunan dalam JavaScript. Anda boleh menggunakan kaedah kekunci peta() untuk mengakses kekunci dalam peta dan kemudian menggunakan kaedah Arrayform() untuk mencipta tatasusunan kunci yang diakses. Anda juga boleh menggunakan operator spread dan bukannya kaedah Array form() untuk mencipta tatasusunan kunci.

Memberi anda Peta javascript, tugasnya adalah untuk menukar kekunci Peta kepada tatasusunan. Berikut adalah contoh yang diberikan di bawah

Peta yang diberikan -

{ 1: "India", 2: "Russia", 3: "USA", 4: "Japan", 5: "UK" };

Salin selepas log masuk

susunan keputusan -

[1, 2, 3, 4, 5]

Salin selepas log masuk

Terdapat banyak cara untuk mencapai matlamat ini. Sebahagian daripadanya ialah -

Gunakan kaedah Array.form dan Map.keys()
Gunakan operator Spread dan kaedah Map.keys()
Gunakan untuk..gelung

Gunakan kaedah Array.form() dan Map.keys()

Kaedah Array.from() mengembalikan tatasusunan daripada sebarang objek boleh lelaran. Kaedah Map.keys digunakan untuk mengembalikan semua kekunci Peta dalam bentuk yang boleh diubah. Untuk menukar kunci peta kepada tatasusunan kita ikuti langkah berikut.

Gunakan kaedah Map.keys() untuk mendapatkan semua kekunci Peta. Ia mengembalikan objek MapIterator yang mengandungi kekunci Peta
Gunakan Array.from() untuk mengekstrak kunci Peta daripada MapIterator. Ia mengembalikan tatasusunan yang mengandungi semua kekunci Peta.

Contoh

Dalam contoh ini, kami mempunyai Peta yang kuncinya ialah nombor dan nilainya ialah nama negara. Kami menggunakan kaedah Array.from untuk mengekstrak semua kunci (nombor) daripada Peta.

<html>
<head>
   <title>Example- convert Map keys to an array in JavaScript</title>
</head>
<body>
   <h2>Convert Map keys to an array using Array.from method</h2>
   <p>Click the following button to get the Keys from the map</p>
   <button id="btn" onclick="convert( )" > Click Here </button> <br>
   <p id="result"> </p>
   <script>
      function convert( ){
         let result = document.getElementById("result")
         let mp = new Map( );
         mp.set(1, "India");
         mp.set(2, "Russia");
         mp.set(3, "USA");
         mp.set(4, "Japan");
         mp.set(5, "UK");
         let keys;
         keys = Array.from( mp.keys( ) );
         result.innerText = "Converted Array : [ " + keys + " ]";
      }
   </script>
</body>
</html>

Salin selepas log masuk

Gunakan operator Spread dan kaedah Map.keys()

Pengendali penyebaran JavaScript membenarkan kami memanjangkan tatasusunan ke dalam elemen tatasusunan individu. Kaedah Map.keys digunakan untuk mengembalikan semua kekunci Peta dalam bentuk yang boleh diubah. Untuk menukar kunci peta kepada tatasusunan kita ikuti langkah berikut.

Gunakan kaedah Map.keys() untuk mendapatkan semua kekunci Peta. Ia mengembalikan objek MapIterator yang mengandungi kekunci Peta
Ekstrak kekunci Peta daripada MapIterator menggunakan operator Spread. Ia mengembalikan tatasusunan yang mengandungi semua kekunci Peta.

Contoh

Dalam contoh ini, kami mempunyai Peta yang kuncinya ialah nombor dan nilainya ialah nama negara. Kami menggunakan Spread Operator untuk mengekstrak semua kunci (nombor) daripada Peta.

<html>
<head>
   <title>Example- convert Map keys to an array in JavaScript</title>
</head>
<body>
   <h2>Convert Map keys to an array using Spread Operator</h2>
   <p>Click the following button to get the Keys from the map</p>
   <button id="btn" onclick="convert( )" > Click Here </button><br>
   <p id="result"> </p>
   <script>
      function convert(){
         let result = document.getElementById("result") 
         let mp = new Map();
         mp.set(1, "India");
         mp.set(2, "Russia");
         mp.set(3, "USA");
         mp.set(4, "Japan");
         mp.set(5, "UK");
         let keys;
         keys = [ ...mp.keys() ];
         result.innerText = "Converted Array : [ " + keys + " ]";
      }
   </script>
</body>
</html>

Salin selepas log masuk

Gunakan untuk...gelung

Penyataan

untuk…dari gelung melalui nilai objek boleh lelaran. Kaedah Map.keys digunakan untuk mengembalikan semua kekunci Peta dalam bentuk yang boleh diubah. Untuk menukar kunci peta kepada tatasusunan kami ikuti langkah berikut

Buat tatasusunan kosong untuk menyimpan kunci.
Gunakan gelung for..of untuk mengulangi semua kekunci Peta yang diperoleh daripada kaedah Map.keys().
Tolak kekunci ke dalam tatasusunan kosong pada setiap lelaran.

Contoh

<html>
<head>
   <title>Example -convert Map keys to an array in JavaScript</title>
</head>
<body>
   <h2>Convert Map keys to an array using for...of loop</h2>
   <p>Click the following button to get the Keys from  the map</p>
   <button id="btn" onclick="convert( )" > Click Here </button> <br>
   <p id="result"> </p>
   <script>
      function convert(){
         let result = document.getElementById("result")
         let mp = new Map();
         mp.set(1, "India");
         mp.set(2, "Russia");
         mp.set(3, "USA");
         mp.set(4, "Japan");
         mp.set(5, "UK");
         let keys = [];
         for(let key of mp.keys()){
            keys.push(key)
         }
         result.innerText = "Converted Array : [ " + keys + " ]";
      }
   </script>
</body>
</html>

Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk menukar kunci Peta kepada tatasusunan dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!