v2.3.1
Giri┼č yap

Javascript map() Metodu

ES5

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)

Parametreler

  • currentValue
    ─░┼člemden ge├žen eleman─▒n de─čeri
  • index
    ─░┼člemden ge├žen eleman─▒n indis de─čeri
  • arr
    ─░┼člemden ge├žen eleman─▒n ait oldu─ču dizi

D├Ânen De─čer

─░┼člemden ge├žen ├Â─čelerden geriye kalan bir dizi d├Âner.

NOT
De─čeri olmayan dizilerde i┼če yaramaz.
Bu metod, varsay─▒lan diziyi de─či┼čtirmez.

├ľ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 ┬╗

tayfunerbilen
146 g├╝n ├Ânce eklendi - 310 kez g├Âr├╝nt├╝lendi.
Github'da D├╝zenle
├ľnceki join() Sonraki unshift()