Skip to content

Instantly share code, notes, and snippets.

@yurtarmehmet
Last active November 2, 2022 15:03
Show Gist options
  • Star 16 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save yurtarmehmet/1d0b35166cd6a189458d92ca36c7ae05 to your computer and use it in GitHub Desktop.
Save yurtarmehmet/1d0b35166cd6a189458d92ca36c7ae05 to your computer and use it in GitHub Desktop.
Array Iteration Methodları

forEach:

Array içerisindeki her eleman için verilen fonksiyonu çalıştırır.

MDN Link: https://developer.mozilla.org/tr/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

  • Callback görevi: verilen item ile işlemler yap, işlemin ne olduğu hakkında bir bilgi vermene gerek yok.
  • Callback 3 argüman alır: item, index, list
  • Dönen değer: hiçbirşey - başka bir deyişle, undefined
  • Örnek kullanım:
[1, 2, 3].forEach(function (item, index) {
  console.log(item, index);
});

map:

Dizinin her elemanı için, parametre olarak verilen fonksiyonu çağırır ve oluşan sonuçlarla da yeni bir dizi oluşturur.

MDN Link: https://developer.mozilla.org/tr/docs/Web/JavaScript/Reference/Global_Objects/Array/map

  • Callback görevi: gelen item yerine koyulacak olan yeni item'a karar vermek.
  • Callback 3 argüman alır: item, index, list
  • Dönen değer: yeni itemlerden oluşan bir array.
  • Örnek kullanım:
const arr = [1, 2, 3];
const arrCarpiIki = arr.map(function (item) {
  return item * 2;
});
console.log(arrCarpiIki); // [2, 4, 6]

filter:

Sağlanan fonlsiyon tarafından uygulanan testi geçen tüm öğelerle birlikte yeni bir dizi oluşturur.

  • Callback görevi: verilen koşulu test etmek.
  • Callback 3 argüman alır: item, index, list
  • Şartı sağlayan elemanlardan oluşan yeni bir array.
  • Örnek kullanım:
const sayilar = [1, 2, 3];
const ciftler = sayilar.filter(function (item) {
  return item % 2 === 0;
});
console.log(ciftler); // [2]

some:

Herhangi bir dizide yer alan elemanlardan en az bir tanesinin sağlanan koşulu geçip geçmediğini kontrol eder.

MDN Link: https://developer.mozilla.org/tr/docs/Web/JavaScript/Reference/Global_Objects/Array/some

  • Callback görevi: verilen koşulu test etmek.
  • Callback 3 argüman alır: item, index, list
  • Dönen değer: Koşulu sağlayan ilk elemanı bulur bulmaz "true", hiç eleman bulamaz ise "false"
  • Örnek kullanım:
const negatifSayiVarMi = [1, 2, 3, -1, 4].some(function (item) {
  return item < 0;
});
console.log(negatifSayiVarMi); // true

every:

Dizideki tüm elemanların verilen fonksiyonun testini geçip geçmediği kontrol eder.

MDN Link: https://developer.mozilla.org/tr/docs/Web/JavaScript/Reference/Global_Objects/Array/every

  • Callback görevi: verilen koşulu test etmek.
  • Callback 3 argüman alır: item, index, list
  • Dönen değer: Koşulu sağlamayan ilk elemanı bulur bulmaz "false", hiç eleman bulamaz ise "true"
  • Örnek kullanım:
const hepsiPozitifMi = [1, 2, 3].every(function (item) {
  return item > 0;
});
console.log(hepsiPozitifMi); // true

find:

Test fonksiyonunu karşılayan dizi içerisindeki ilk elemanın kendisini döndürür. Aksi halde undefined döndürür.

MDN Link: https://developer.mozilla.org/tr/docs/Web/JavaScript/Reference/Global_Objects/Array/find

  • Callback görevi: verilen koşulu test etmek.
  • Callback 3 argüman alır: item, index, list
  • Dönen değer: Bulmaya çalıştığımız elemanın kendisi, bulamazsa "undefined"
  • Örnek kullanım:
const objeler = [{ id: 'a' }, { id: 'b' }, { id: 'c' }];
const aranan = objects.find(function (item) {
  return item.id === 'b';
});
console.log(aranan === objeler[1]); // true
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment