Rumah > Artikel > hujung hadapan web > Bagaimana untuk menukar kunci Peta kepada tatasusunan dalam JavaScript?
Bagaimana untuk menukar kunci Peta kepada tatasusunan dalam JavaScript?
- PHPzke hadapan
- 2023-08-24 13:53:051869semak imbas
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" };
susunan keputusan -
[1, 2, 3, 4, 5]
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>
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>
Gunakan untuk...gelung
Penyataanuntuk…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>
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!