Cara Menukar Nilai Peta kepada Tatasusunan dalam JavaScript

Cara Menukar Nilai Peta Kepada Tatasusunan Dalam Javascript



Peta JavaScript diperkenalkan dalam ES6. Ia menyimpan pasangan nilai kunci dalam senarai tersusun. Penggunaan peta boleh sangat membantu dalam menyimpan pasangan nilai kunci asas seperti ID dan nama pengguna. Selain itu, JavaScript menyediakan beberapa kaedah untuk cara mengulang untuk mendapatkan semula nilai Peta kerana objek Peta JavaScript boleh diubah.

Tutorial ini akan menerangkan prosedur untuk menukar nilai peta kepada tatasusunan.

Bagaimana untuk Menukar/Mengubah Nilai Peta menjadi Tatasusunan Menggunakan JavaScript?

Untuk menukar nilai peta kepada tatasusunan, gunakan kaedah yang dinyatakan di bawah:







  • Kaedah Array.from().
  • Operator sebaran

Kaedah 1: Tukar Nilai Peta kepada Tatasusunan Menggunakan Kaedah Array.from().

Untuk menukar nilai peta kepada tatasusunan, gunakan ' map.values() ' kaedah dengan ' Array.from() ” kaedah. Kaedah map.values() digunakan untuk mendapatkan nilai peta dan kaedah Array.from() menukar nilai ini kepada tatasusunan.



Sintaks
Ikuti sintaks yang diberikan untuk menukar nilai peta kepada tatasusunan:



Susunan . daripada ( peta. nilai ( ) )

Contoh
Buat objek peta baharu menggunakan pembina Map() :





adalah peta = baru Peta ( ) ;

Tetapkan entri dalam pasangan nilai kunci dalam peta menggunakan ' set() ' kaedah:

peta. ditetapkan ( '1' , 'Nama' ) ;
peta. ditetapkan ( 'dua' , 'Umur' ) ;
peta. ditetapkan ( '3' , 'E-mel' ) ;
peta. ditetapkan ( '4' , 'Kenalan#' ) ;

Panggil ' nilai() ' kaedah dalam ' Array.from() ' kaedah untuk mendapatkan nilai peta dan menukarnya menjadi tatasusunan dan menyimpannya dalam pembolehubah ' mapValues ”:



adalah mapValues = Susunan . daripada ( peta. nilai ( ) ) ;

Akhir sekali, cetak nilai peta dalam tatasusunan pada konsol:

konsol. log ( mapValues ) ;

Output menunjukkan bahawa nilai peta berjaya ditukar menjadi tatasusunan:

Kaedah 2: Tukar Nilai Peta kepada Tatasusunan Menggunakan Operator Spread

Satu lagi cara untuk mengubah nilai peta menjadi tatasusunan adalah dengan menggunakan ' pengendali penyebaran ' dengan ' map.values() ” kaedah. Kaedah map.values() mula-mula mendapat nilai peta dan operator spread akan menyalin semua nilai peta ke dalam tatasusunan.

Sintaks
Gunakan sintaks yang disediakan di bawah untuk menukar nilai peta kepada tatasusunan menggunakan pengendali hamparan:

[ ... peta . nilai ( ) ]

Contoh
Panggil ' map.values() ' kaedah dengan ' pengendali penyebaran ” yang akan menukar nilai peta menjadi tatasusunan:

adalah mapValues = [ ... peta . nilai ( ) ] ;

Pengeluaran

Petua Bonus

Jika anda ingin menukar kunci atau semua entri peta ke dalam tatasusunan, ikut bahagian di bawah.

Tukar Kekunci Peta kepada Tatasusunan Menggunakan Kaedah Array.from().

Untuk menukar kekunci peta dan semua entri (pasangan nilai kunci) peta kepada tatasusunan, gunakan ' map.Keys() ' kaedah dan ' map.entry() ' kaedah dengan ' Array.from() ” kaedah. Kaedah map.Keys() mendapat kunci peta dan kaedah map.entry() digunakan untuk mendapatkan semula entri peta dalam pasangan nilai kunci.

Contoh
Untuk menukar kekunci peta, panggil ' map.Keys() ' kaedah dalam ' Array.from() ' kaedah:

const kunci = Susunan . daripada ( peta. kunci ( ) ) ;

Panggil kaedah map.entry() sebagai hujah dalam kaedah Array.from() untuk menukar semua entri peta menjadi tatasusunan:

const entri = Susunan . daripada ( peta. entri ( ) ) ;

Output menunjukkan bahawa kunci dan entri peta berjaya ditukar menjadi tatasusunan:

Tukar Kekunci Peta kepada Tatasusunan Menggunakan Kaedah Spread Operator

Mari lihat kaedah untuk menukar kunci peta dan semua entri peta ke dalam tatasusunan, menggunakan ' pengendali penyebaran ”.

Contoh
Panggil ' map.Keys() ” dengan operator spread dan simpan tatasusunan terhasil dalam mapKeys berubah-ubah:

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

Untuk menukar entri peta dalam tatasusunan menggunakan ' map.entry() ” kaedah dengan pengendali penyebaran:

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

Pengeluaran

Kami telah mengumpulkan semua maklumat yang diperlukan berkaitan dengan menukar nilai peta kepada tatasusunan dan juga kunci peta dan entri ke dalam tatasusunan menggunakan JavaScript.

Kesimpulan

Untuk menukar nilai peta kepada tatasusunan, gunakan ' map.values() ' kaedah dengan ' Array.from() ' kaedah atau ' pengendali penyebaran ”. Kaedah map.values() digunakan untuk mendapatkan nilai peta dan kaedah Array.from() menukar nilai ini kepada tatasusunan manakala pengendali hamparan menyalin semua nilai peta kepada tatasusunan. Tutorial ini menerangkan prosedur untuk menukar nilai peta kepada tatasusunan.