JavaScript'te map Fonksiyonu Kullanımı

Sezai AlkanFrontend Developer

JavaScript #javascript #map #function

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.