Phenquestions
Susunan itu kaedah peta digunakan untuk membina susunan yang dipetakan baru berdasarkan nilai kembali fungsi panggilan balik untuk setiap elemen.
var mappedArray = tatasusunan.peta (fungsi callback, Nilai ini)The panggilan balik adalah fungsi yang akan dipanggil setiap kali untuk satu elemen dan mengembalikan nilai yang akan disimpan dalam array baru. Sintaks untuk fungsi panggilan balik adalah
fungsi (nilai, [indeks [, array]])nilai adalah hujah yang diperlukan, yang sebenarnya merupakan unsur tunggal dari array.
The indeks adalah argumen pilihan yang akan digunakan sebagai indeks setiap elemen dalam fungsi panggilan balik.
The susunan adalah hujah pilihan juga. Kita boleh menyampaikan argumen ini jika kita mahu menggunakan array dalam fungsi panggilan balik.
Nilai ini adalah nilai yang ingin kita lalui, yang akan digunakan sebagai "ini" dalam fungsi panggilan balik. Jika tidak, "tidak ditentukan" akan diluluskan.
Javascript menyediakan untuk… dalam gelung dan gelung foreach untuk berulang melalui elemen dan memanipulasi tatasusunan. Tetapi, mengapa kita memerlukan kaedah peta selain daripada itu? Terdapat dua sebab utama untuk itu. Salah satunya adalah pemisahan keprihatinan dan yang kedua adalah sintaks yang mudah untuk melakukan tugas-tugas tersebut. Oleh itu, mari kita cuba beberapa contoh yang berbeza untuk menunjukkan tujuan dan penggunaannya dengan betul.
Contoh
Pertama sekali, kita akan mengadakan demonstrasi sederhana di mana kita mempunyai susunan nombor yang mudah di mana kita akan berusaha melakukan operasi aritmetik yang mudah pada setiap elemen.
var arr = [4, 8, 16, 64, 49];Sekarang, sebelum menggunakan kaedah peta di atas larik ini. Mula-mula kita akan menulis fungsi panggilan balik yang boleh kita panggil dalam fungsi peta kita di mana, katakan kita mahu mengalikan setiap elemen dengan 10 dan mempunyai susunan baru.
fungsi darab (elemen)var newElement = elemen * 10;
kembaliElement baru;
Semuanya disiapkan untuk menerapkan kaedah peta di atas array dan mempunyai hasil yang diperlukan.
var newArr = arr.peta (darab);Sekarang, jika kita melihat "newArr",
konsol.log (newArr);Kita dapat melihat susunan yang dipetakan terbaru dalam output sesuai dengan keperluan kita.
Perlu diingat bahawa panjang susunan yang dipetakan baru pasti sama dengan susunan asal.
Terdapat cara yang lebih pendek untuk melakukan tugas yang sama menggunakan anak panah atau fungsi tanpa nama dalam kaedah peta. Jadi, kita boleh menulis fungsi panggilan balik dalam kaedah peta seperti ini
var newArr = arr.peta ((elemen) =>elemen pulangan * 10
)
Atau, jika kita mahu menjadi profesional dan menjadikannya lebih ringkas. Kita boleh melakukan ini
var newArr = arr.peta (e => e * 10)Baiklah! Jadi, ini adalah demonstrasi asas kaedah peta dan cara yang berbeza untuk menulis fungsi panggilan balik. Tetapi, fungsi ini lebih berguna ketika kita bermain dengan pelbagai objek. Di situlah sebenarnya pelaksanaannya berlaku.
Menggunakan Peta dengan Array objek
Dalam contoh ini, kita anggap pelbagai objek di mana setiap objek mengandungi maklumat pemain. Nama pemain dan IDnya.
var arr = [id: 12, nama: "James",
id: 36, nama: "Morgan",
id: 66, nama: "Jordan"
];
Sekarang, katakan kita mahu mengekstrak ID dari setiap objek dan mempunyai susunan ID baru.
Tetapi, untuk memahami, bagaimana kaedah peta berbeza dan membantu lebih baik daripada gelung foreach. Kami akan mencuba kedua-duanya (kaedah peta dan gelung foreach) untuk melakukan tugas yang sama dan mengetahui perbezaannya.
Jadi, pertama, kita akan cuba mengekstrak ID menggunakan gelung foreach dan kemudian menggunakan kaedah peta.
var extractedIDs = [];arr.forEach ((elemen) =>
kembali diekstrakID.tolak (elemen.ID);
)
Sekarang, jika kita melihat ID yang diekstrak.
konsol.log (diekstrakID);
Kami membuat mereka dipisahkan dalam pelbagai. Tetapi, sekarang mari kita tunjukkan output yang sama menggunakan kaedah peta.
elemen pulangan.ID;
)
konsol.log (diekstrakID);
Dengan melihat perbezaan kod dan output yang sama, kita dapat menyedari perbezaan sebenar antara kedua kaedah (foreach dan map). Sintaks dan pemisahan kebimbangan.
Begitu juga, kita boleh melakukan banyak operasi lain. Sekiranya kita harus bermain dan mendapatkan beberapa data dari pelbagai objek. Kami menganggap susunan objek di mana setiap objek mengandungi dua sifat: nama pertama dan nama belakang.
var arr = [firstName: "John", nama belakang: "Doe",
firstName: "Morgan", nama belakang: "Freeman",
firstName: "Jordan", nama belakang: "Peterson"
];
Sekarang, kami ingin mempunyai susunan yang mengandungi nama lengkap. Jadi, kami akan menulis fungsi peta seperti ini untuk memenuhi tujuan kami
var fullName = arr.peta ((orang) =>orang yang kembali.nama pertama + "+ orang.nama terakhir
)
konsol.log (nama penuh);
Seperti yang anda lihat, kami mempunyai susunan berasingan dengan nama penuh. Hebat sungguh.
Jadi, ini adalah beberapa cara asas dan berbeza bagaimana fungsi peta dapat digunakan untuk memenuhi keperluan pembangunan kita dan membantu dalam setiap kehidupan pengembang javascript.
Kesimpulannya
Dalam artikel ini, kami telah mempelajari kaedah peta () yang paling banyak digunakan untuk tatasusunan javascript dan kami telah mempelajari beberapa cara yang berbeza untuk menggunakan kaedah peta. Artikel ini menerangkan konsep kaedah peta dengan cara yang mudah dan mendalam sehingga setiap pengkod pemula dapat memahaminya dan menggunakannya sesuai dengan keperluannya. Jadi, teruskan belajar, bekerja, dan dapatkan pengalaman dalam javascript dengan linuxhint.com untuk mempunyai pemahaman yang lebih baik mengenainya. Terima kasih banyak-banyak!
