JavaScript'te map Fonksiyonu Kullanımı

JavaScript'teki

map
fonksiyonu, bir dizi üzerinde döngü yapma yeteneği sağlayan ve her elemana belirli bir işlem uygulayarak yeni bir dizi oluşturan güçlü bir araçtır. Bu fonksiyon, dizi üzerindeki her elemanı alır, belirtilen işlemi uygular ve sonuçları yeni bir diziye ekler.
 

Kullanımı

map
fonksiyonu, her elemana belirli bir işlemi uygulamak için kullanılır. Örneğin, bir dizi içindeki her elemanın karesini almak için şu şekilde kullanılabilir

const arr = [1, 2, 3, 4, 5];

const result = arr.map(item => {
    return item * item;
});

console.log(result); 

// Output: [1, 4, 9, 16, 25]

Bu örnekte,

map
fonksiyonu her elemanın karesini alır ve yeni bir dizi oluşturur.
 

Okunabilirlik ve Arrow Fonksiyonları

map
fonksiyonu, arrow fonksiyonları ile kullanıldığında kodu daha kısa ve anlaşılır hale getirir

const arr = [1, 2, 3, 4, 5];
const result = arr.map(item => item * item);

console.log(result); 

// Output: [1, 4, 9, 16, 25]

Bu örnekte,

map
fonksiyonu her eleman üzerindeki karesini alma uygular ve yeni bir dizi oluşturur, map fonksiyonu, arrow fonksiyonları ile kullanıldığında kodu daha kısa ve anlaşılır hale getirir. Arrow fonksiyonları, kısa ve basit işlemler için idealdir ve
map
fonksiyonu ile birlikte kullanıldığında kodu daha temiz hale getirir.
 

String Elemanları Dönüştürme

map
fonksiyonu, sadece sayılarla değil, aynı zamanda dizideki string elemanları da dönüştürmek için kullanılabilir

const arr = ["JavaScript", "map", "function"];

const result = arr.map(item => item.length);

console.log(result); 

// Output: [10, 3, 8]

Bu örnekte, dizi içindeki her string elemanın uzunluğunu hesaplayarak yeni bir dizi oluşturduk.
 

Nesne Elemanları Dönüştürme

Eğer dizi nesneler içeriyorsa,

map
fonksiyonu nesneler üzerindeki belirli özellikleri dönüştürmek için kullanılabilir

const arr = [
    { name: "Ahmet", age: 25 },
    { name: "Ayşe", age: 30 },
    { name: "Mehmet", age: 22 }
];

const result = arr.map(item => item.name);

console.log(result);

// Output: [ 'Ahmet', 'Ayşe', 'Mehmet' ]

Bu örnekte,

map
fonksiyonu, her elemanın "
name
" özelliğini alarak yeni bir dizi oluşturur.