Contoh
Kembalikan array baru dengan akar kuadrat dari semua nilai elemen
angka const = [4, 9, 16, 25];
const newArr = angka. peta (Matematika. persegi)
Kalikan semua nilai dalam array dengan 10
angka const = [65, 44, 12, 4];
const newArr = angka. peta(myFunction)
function myFunction(num) {
mengembalikan angka * 10;
}
Lebih banyak contoh di bawah ini
Definisi dan Penggunaan
map()_ membuat larik baru dari pemanggilan fungsi untuk setiap elemen larik
map()_ memanggil fungsi satu kali untuk setiap elemen dalam array
map()_ tidak menjalankan fungsi untuk elemen kosong
map()_ tidak mengubah array asli
Sintaksis
Himpunan. peta(fungsi(Nilaisaat ini, indeks, arr),Nilaiini)
Parameter
ParameterDescriptionfunction()DiperlukanFungsi yang akan dijalankan untuk setiap elemen array. CurrentValueRequired
Nilai elemen saat ini. indexOptional
Indeks elemen saat ini. arrOptional
Array dari elemen saat ini. thisValueOptional
Nilai default undefined
Nilai yang diteruskan ke fungsi untuk digunakan sebagai nilai this nya
Nilai Pengembalian
TypeDescriptionAn arrayHasil dari fungsi untuk setiap elemen arrayLebih Banyak Contoh
Dapatkan nama lengkap untuk setiap orang
const orang = [
{nama depan. "Malcolm", nama belakang. "Reynolds"},
{nama depan. "Kaylee", nama belakang. "Goreng"},
{nama depan. "Jayne", nama belakang. "Cobb"}
];
orang. peta(getFullName);
fungsi getFullName(item) {
barang yang dikembalikan. nama depan, item. nama keluarga]. Ikuti(" ");
}
Dukungan Peramban
map() adalah fitur ECMAScript5 (ES5).
ES5 (JavaScript 2009) didukung penuh di semua browser
ChromeEdgeFirefoxSafariOperaIEYaYaYaYa9-11Dalam artikel kami sebelumnya tentang Peta, kami belajar cara membuat Peta dan menggunakan properti serta metodenya dan mengulanginya. Pada artikel ini, kita akan belajar bagaimana kita dapat mengonversi Peta menjadi larik dan objek dan sebaliknya. Mari kita mulai
Membuat Peta menggunakan Array
Mari buat Peta menggunakan kata kunci baru dan letakkan elemen di dalamnya menggunakan peta. set() metode
let map = new Map(); map.set("1","first element"); map.set(1, "second element"); map.set(true, "hello world");Alih-alih menambahkan elemen menggunakan peta. set(), kita dapat melewatkan larik pasangan nilai kunci untuk menginisialisasi Peta
let map = new Map([ ["1", "first element"], [1, "second element"], [true, "hello world"] ]);_Jika kita harus meletakkan sejumlah besar elemen dalam Peta, menginisialisasi Peta dengan meneruskan array pasangan nilai kunci lebih intuitif daripada menginisialisasi dengan peta. mengatur()
Membuat Array dari Peta
Untuk membuat Array dari Map, kita bisa menggunakan map. entri() metode
let newIterable = map.entries(map); //return iterable with [key,value] pairs let newArray = Array.from(newIterable) // We will get a 2D array having [key, value] pairs.Kami juga dapat mengirimkan Peta langsung ke Array. from() karena Map mengembalikan iterable dari pasangan [key,value] secara default
let newArray = Array.from(map) // We will get a 2D array having [key, value] pairs.Untuk mendapatkan array kunci dan nilai Peta, kita dapat menggunakan pendekatan yang sama seperti di atas
Membuat Peta dari Objek
Untuk membuat Peta dari Objek, kita dapat mengubah objek menjadi larik pasangan [kunci, nilai] dan kemudian membuat Peta menggunakan itu
let obj = { "name": "hackinbits", "type": "website" }Untuk mendapatkan array key-value pair dari objek di atas, kita bisa menggunakan Object. entri()
let newArray = Object.entries(obj) let map = new Map(newArray);_Membuat Objek dari Peta
Jika kita ingin mengonversi Peta dalam contoh kita sebelumnya, kembali ke Obyek yang dibuat dari (obj) kita dapat menggunakan Obyek. metode fromEntries()
let newArray = map.entries(); let newObject = Object.fromEntries(newArray);Obyek. fromEntries() mengambil array pasangan [key, value] dan mengembalikan objek javascript biasa
Kita bisa meneruskan Peta langsung ke Object. fromEntries() dan kita akan mendapatkan hasil yang sama Map mengembalikan iterable dari pasangan [key, value] secara default
let newObject = Object.fromEntries(map);_Ringkasan
Pada artikel ini, kami belajar
- Cara membuat Peta menggunakan kata kunci baru dan menggunakan larik [key, value].
- Cara mendapatkan array 2d [kunci, nilai] dari Peta
- Cara membuat Peta dari Objek Javascript biasa
- Cara membuat Objek javascript biasa dari Peta
Terima kasih sudah membaca. Semoga harimu menyenangkan
Jika Anda menyukai artikel ini, harap upvote dan rekomendasikan. Jangan ragu untuk mengajukan pertanyaan apa pun di komentar di bawah
Kami sering menerbitkan artikel tentang pengembangan web dan teknologi. Pertimbangkan untuk berlangganan buletin kami atau ikuti kami di saluran sosial kami (twitter, Facebook, LinkedIn)