Cara Mengonversi Nilai Peta ke Array di JavaScript

Cara Mengonversi Nilai Peta Ke Array Di Javascript



Peta JavaScript diperkenalkan di ES6. Ini menyimpan pasangan nilai-Kunci dalam daftar yang dipesan. Penggunaan peta bisa sangat membantu dalam menyimpan pasangan kunci-nilai dasar seperti ID dan nama pengguna. Selain itu, JavaScript menyediakan beberapa metode untuk iterasi untuk mengambil nilai Peta karena objek Peta JavaScript dapat diubah.

Tutorial ini akan menjelaskan prosedur untuk mengubah nilai peta menjadi array.

Bagaimana Mengonversi/Mengubah Nilai Peta menjadi Array Menggunakan JavaScript?

Untuk mengubah nilai peta menjadi larik, gunakan metode yang disebutkan di bawah ini:







  • metode Array.from()
  • Penyebar operator

Metode 1: Konversi Nilai Peta ke Array Menggunakan Metode Array.from()

Untuk mengonversi nilai peta menjadi larik, gunakan “ peta.nilai() ” metode dengan “ Larik.dari() ' metode. Metode map.values() digunakan untuk mendapatkan nilai peta dan metode Array.from() mengubah nilai ini menjadi array.



Sintaksis
Ikuti sintaks yang diberikan untuk mengubah nilai peta menjadi larik:



Himpunan . dari ( peta. nilai-nilai ( ) )

Contoh
Buat objek peta baru menggunakan konstruktor Map() :





dulu peta = baru Peta ( ) ;

Tetapkan entri dalam pasangan kunci-nilai di peta menggunakan “ mengatur() ' metode:

peta. mengatur ( '1' , 'Nama' ) ;
peta. mengatur ( 'dua' , 'Usia' ) ;
peta. mengatur ( '3' , 'Surel' ) ;
peta. mengatur ( '4' , 'Kontak#' ) ;

Panggil “ nilai() ” metode dalam “ Larik.dari() ” metode untuk mendapatkan nilai peta dan mengubahnya menjadi array dan menyimpannya dalam variabel “ nilai peta ”:



dulu nilai peta = Himpunan . dari ( peta. nilai-nilai ( ) ) ;

Terakhir, cetak nilai peta dalam larik di konsol:

menghibur. catatan ( nilai peta ) ;

Keluaran menunjukkan bahwa nilai peta berhasil diubah menjadi larik:

Metode 2: Mengonversi Nilai Peta menjadi Array Menggunakan Operator Spread

Cara lain untuk mengubah nilai peta menjadi larik adalah dengan menggunakan “ operator penyebaran ' dengan ' peta.nilai() ' metode. Metode map.values() pertama-tama mendapatkan nilai peta, dan operator spread akan menyalin semua nilai peta ke dalam array.

Sintaksis
Gunakan sintaks yang disediakan di bawah ini untuk mengonversi nilai peta menjadi larik menggunakan operator spread:

[ ... peta . nilai-nilai ( ) ]

Contoh
Panggil “ peta.nilai() ” metode dengan “ operator penyebaran ” yang akan mengubah nilai peta menjadi larik:

dulu nilai peta = [ ... peta . nilai-nilai ( ) ] ;

Keluaran

Tip Bonus

Jika Anda ingin mengonversi kunci atau semua entri peta menjadi larik, ikuti bagian di bawah ini.

Ubah Kunci Peta menjadi Array Menggunakan Metode Array.from()

Untuk mengonversi kunci peta dan semua entri (pasangan nilai kunci) peta menjadi larik, gunakan ' peta.Kunci() ” metode dan “ peta.entri() ” metode dengan “ Larik.dari() ' metode. Metode map.Keys() mendapatkan kunci peta dan metode map.entries() digunakan untuk mengambil entri peta dalam pasangan nilai kunci.

Contoh
Untuk mengonversi kunci peta, panggil tombol “ peta.Kunci() ” metode dalam “ Larik.dari() ' metode:

const kunci = Himpunan . dari ( peta. kunci ( ) ) ;

Panggil metode map.entries() sebagai argumen dalam metode Array.from() untuk mengubah semua entri peta menjadi array:

const entri = Himpunan . dari ( peta. entri ( ) ) ;

Keluaran menunjukkan bahwa kunci dan entri peta berhasil diubah menjadi larik:

Konversikan Kunci Peta ke Array Menggunakan Metode Spread Operator

Mari kita lihat metode untuk mengonversi kunci peta dan semua entri peta menjadi larik, menggunakan ' operator penyebaran ”.

Contoh
Panggil “ peta.Kunci() ” dengan operator spread dan simpan array yang dihasilkan dalam variabel mapKeys:

dulu mapKeys = [ ... peta . kunci ( ) ] ;

Untuk mengonversi entri peta dalam larik menggunakan “ peta.entri() ” dengan operator spread:

const mapEntries = [ ... peta . entri ( ) ] ;

Keluaran

Kami telah mengumpulkan semua informasi yang diperlukan terkait dengan konversi nilai peta ke array dan juga memetakan kunci dan entri ke dalam array menggunakan JavaScript.

Kesimpulan

Untuk mengonversi nilai peta menjadi larik, gunakan tombol “ peta.nilai() ” metode dengan “ Larik.dari() metode ” atau “ operator penyebaran ”. Metode map.values() digunakan untuk mendapatkan nilai peta dan metode Array.from() mengonversi nilai ini menjadi larik sementara operator spread menyalin semua nilai peta ke larik. Tutorial ini menjelaskan prosedur untuk mengonversi nilai peta menjadi larik.