ForEach ve Map Aynı mı?

Coddy'nin JavaScript Journey'sinin Mantık ve Akış bölümünün bir parçası — ders 56 / 65.

forEach() ve map() her ikisi de yineleme için kullanılan dizi yöntemleri olsa da, farklı amaçlara hizmet ederler ve belirgin davranışlara sahiptirler:

forEach():

Her bir dizi öğesi için sağlanan bir işlevi bir kez yürütür.
Yeni bir dizi oluşturmaz.

undefined döndürür.
Diğer dizi metotlarıyla zincirlenemez.

map():

Dizideki her öğe üzerinde sağlanan bir fonksiyonun çağrılmasının sonuçlarıyla yeni bir dizi oluşturur.
Orijinal diziyle aynı uzunlukta yeni bir dizi döndürür.
Diğer dizi yöntemleriyle zincirlenebilir.

Örnek:

const numbers = [1, 2, 3, 4];

// forEach
numbers.forEach(num => console.log(num * 2));
// Çıktı: 2, 4, 6, 8
// Döndürür: undefined

// map
const doubled = numbers.map(num => num * 2);
console.log(doubled);
// Çıktı: [2, 4, 6, 8]
// Döndürür: Yeni bir dizi [2, 4, 6, 8]

Yeni bir dizi oluşturmadan her öğe üzerinde bir işlem gerçekleştirmek istediğinizde forEach() kullanın. Her bir öğeyi dönüştürmek ve sonuçlarla yeni bir dizi oluşturmak istediğinizde map() kullanın.

Kendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

Kendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

Kendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.

Kopya kağıdı

forEach() ve map() her ikisi de yineleme için kullanılan dizi yöntemleri olsa da, farklı amaçlara hizmet ederler:

forEach():

Her dizi öğesi için bir işlevi bir kez yürütür
Yeni bir dizi oluşturmaz
undefined döndürür
Diğer dizi yöntemleriyle zincirlenemez

map():

Her öğe üzerinde bir işlev çağırmanın sonuçlarıyla yeni bir dizi oluşturur
Orijinaliyle aynı uzunlukta yeni bir dizi döndürür
Diğer dizi yöntemleriyle zincirlenebilir

const numbers = [1, 2, 3, 4];

// forEach - işlemi gerçekleştirir, undefined döndürür
numbers.forEach(num => console.log(num * 2));

// map - öğeleri dönüştürür, yeni dizi döndürür
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]

Yeni bir dizi oluşturmadan işlemler yapmak için forEach() kullanın. Öğeleri dönüştürmek ve yeni bir dizi oluşturmak için map() kullanın.

Kendin dene

Bu ders bir kod alıştırması içermiyor.

Kendini test et

Bu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.