Merhaba arkadaşlar bu yazımızda map kullanımını göreceğiz. Map metodunun kullanım yerleri ihtiyaca göre değişebilir. Genellikle bir dizi manipülasyonunda ya da dizide değişiklik yapıp yeni bir dizi elde etmek için kullanılıyor. Fakat dediğim gibi, ihtiyaca göre size mantıklı gelen veya işinizi görecek her yerde kullanabilirsiniz. Kullanımı oldukça basit ve öğrenip kullandıkça da hoşunuza gidecek bir yöntem.
Örneklerle map metodunu anlayalım.
Sayılardan oluşan bir dizimiz olsun ve dizideki her bir elemanı 2 ile çarpalım ve sonucunda yeni bir dizi elde edelim.
let numbers = [1, 2, 3, 4, 5, 6];
const map1 = numbers.map(number => number * 2);
console.log("numbers",numbers);
console.log("map1", map1);
// Çıktı
// numbers [1, 2, 3, 4, 5, 6]
// map1 [ 2, 4, 6, 8, 10, 12 ]
İnsanlardan oluşan bir dizimiz olsun ve dizideki bir elemanı (“Şenol”) değiştirip yeni bir dizi elde edelim..
let people = [{ name: 'Caner' , age:24 },
{ name: 'Şenol' , age:31 },
{ name: 'Emre' , age:28 }];
const newPeople = people.map(person => {
if (person.name === "Şenol"){
let newPerson = {};
newPerson.name = "Şenol";
newPerson.age = 27;
return newPerson;
}
return person;
});
console.log("people", people);
console.log("newPeople", newPeople);
// Çıktı
/*
people [ { name: 'Caner', age: 24 },
{ name: 'Şenol', age: 31 },
{ name: 'Emre', age: 28 } ]
newPeople [ { name: 'Caner', age: 24 },
{ name: 'Şenol', age: 27 },
{ name: 'Emre', age: 28 } ]
*/
Map metodunda index kullanımı
Map metodu 2. parametre olarak index bilgisi verir, bu indexi harflerin başına koyacağız.
let letters = ["A","B","C","D","E","F","G","H","I"];
const newLetters = letters.map((letter, index) => {
return `${index + 1}. ${letter}`;
});
console.log("newLetters", newLetters);
// Çıktı
// newLetters [ '1. A', '2. B', '3. C', '4. D', '5. E', '6. F', '7. G', '8. H', '9. I' ]