Bagaimana untuk Menggunakan Fungsi peta dalam JavaScript?

Bagaimana Untuk Menggunakan Fungsi Peta Dalam Javascript



Kadang-kadang, memikirkan kod rumit dalam bahasa pengaturcaraan mengambil terlalu banyak masa. Untuk berbuat demikian, terdapat keperluan untuk memudahkan kod yang akan meningkatkan kebolehfahaman, kebolehbacaan, dan juga prestasi kod yang dinyatakan. Beberapa kaedah boleh digunakan untuk tujuan ini. JavaScript ' peta() Fungsi ” ialah salah satu daripadanya yang digunakan untuk membuat tatasusunan dalam bentuk nilai pasangan.

Siaran ini telah menunjukkan cara menggunakan fungsi peta JavaScript.







Bagaimana untuk Menggunakan fungsi peta JavaScript?

Untuk menggunakan fungsi peta gunakan ' peta() ” kaedah dalam JavaScript. Ia ialah kaedah JavaScript yang menjana tatasusunan baharu yang mengandungi hasil atau output fungsi panggilan pada elemen individu tatasusunan panggilan.



Sintaks



Untuk menggunakan fungsi peta dalam JavaScript, sintaks yang dinyatakan boleh digunakan:





arr.map ( fungsi ( elemen, indeks, tatasusunan ) { } , ini ) ;


di sini:

    • fungsi() ” ditakrifkan dalam kaedah map() yang menentukan beberapa nilai.
    • unsur ” merujuk kepada elemen semasa yang diproses dalam tatasusunan.
    • indeks ” menentukan nilai untuk elemen semasa dalam tatasusunan.
    • tatasusunan ” digunakan untuk memanggil kaedah.

Contoh 1: Gunakan Fungsi peta untuk Data Berangka



Untuk menggunakan fungsi peta untuk data berangka, ikut arahan yang dinyatakan di bawah:

    • Isytihar dan mulakan pembolehubah.
    • Berikan nilai dalam bentuk data berangka kepada pembolehubah yang ditentukan dalam tatasusunan:

tatasusunan var = [ 5 , 7 , 2 , 3 , 6 , 8 ] ;

    • Seterusnya, mulakan pembolehubah lain dengan nama yang berbeza dan gunakan ' arr.map() ” kaedah JavaScript, dan mentakrifkan fungsi sebagai parameter kaedah yang ditentukan.
    • Kemudian, tambahkan nilai dan indeks sebagai parameter fungsi.
    • Nyatakan “ kembali ” kata kunci dan formula mengikut coretan kod:

var newArray = arr.map ( fungsi ( val, indeks ) {
kembali { key:index, value:val * val } ;
} )

Akhir sekali, mohon ' console.log() ” untuk memaparkan output konsol:

konsol.log ( newArray )



Contoh 2: Gunakan Fungsi peta untuk Data Teks

Untuk menggunakan fungsi peta untuk data teks, ikut arahan yang disenaraikan:

    • Mulakan pembolehubah dan tetapkan nilai teks kepada pembolehubah itu.
    • Isytiharkan pembolehubah lain dan gunakan kaedah peta.
    • Di dalam ' peta() ”, tentukan pembolehubah dan fungsi sebagai parameter.
    • Kemudian, gunakan ' kembali ” dan tambahkan item pada peta dengan nilai pembolehubah yang ditentukan. Untuk berbuat demikian, ' h 'abjad ditambah di sini:

var fname = 'Pegawai' ;
var newName = Array.prototype.map.call ( nama, fungsi ( item ) {
kembali item + 'h' ;
} )


Akhir sekali, gunakan ' console.log() ” kaedah untuk menunjukkan output pada konsol:

konsol.log ( Nama baru )


Akibatnya, ' h ” dipetakan dengan setiap abjad bagi nilai pembolehubah yang ditentukan:


Itu sahaja tentang menggunakan fungsi peta dalam JavaScript.

Kesimpulan

Untuk menggunakan fungsi peta dalam JavaScript, “ peta() ” kaedah boleh digunakan, di mana fungsi ditakrifkan sebagai parameter kaedah peta. Selanjutnya, nyatakan “ nilai ” dan “ indeks ” sebagai parameter fungsi. Lebih khusus lagi, fungsi peta digunakan untuk membuat elemen dalam bentuk nilai pasangan. Tulisan ini telah menyatakan pelbagai kaedah untuk menggunakan fungsi peta JavaScript.