Javascript map() Metodu

map() metodu, dizi içerisindeki tüm elemanları bir işlemden geçirmek için kullanılır. Her bir eleman tek tek işlenir, değerleri değiştirilebilir, geriye ne döndürüleceği belirlenebilir. Ve sonunda ise, işlemden geçen öğelerden oluşan bir dizi geriye döner.

Yapısı (Syntax)array.map(function(currentValue, index, arr), thisValue)

Videolu Anlatım

Parametreler

Dönen Değer

İşlemden geçen öğelerden geriye kalan bir dizi döner.

Örnekler

Her elemanın karekökünü almak için map() metodunu kullanmak

Aşağıdaki kod, tüm elemanları karekökünü aldığımız bir işlemden geçirir.

let numbers = [1, 4, 9]
let roots = numbers.map(num => Math.sqrt(num));

console.log(roots); // [1, 2, 3]
console.log(numbers); // [1, 4, 9]

Örneği Dene »

Objeyi yeniden biçimlendirmek için map() metodunu kullanmak

Aşağıdaki kod, dizi içindeki obje elemanlarının yeniden biçimlendirilmesini sağlar.

const users = [
	{
		name: "Tayfun",
		surname: "Erbilen",
		age: 27
	},
	{
		name: "Mehmet",
		surname: "Seven",
		age: 27
	}
];

const newUsers = users.map(user => {
	user.fullName = `${user.name} ${user.surname}`;
	return {
	    fullName: user.fullName,
		age: `${user.age} years old`
	}
});

console.log(newUsers)
console.log(users)

Örneği Dene »

Şöyle bir kullanımı olduğunu da unutmayın.

const array = ['1', '2', '3'];
console.log(array.map(Number));

Örneği Dene »