Javascript Find,Map,Filter,FindIndex Methodları ve Kullanımları

Javascript’te arraylar üzerinde sırasıyla find, map, filter, findindex methodlarının kullanımını ve aralarındaki farkları inceleyeceğiz.

Örnek verimiz şu şekilde olacaktır;

let data=[
   {
   id:1,
   kullaniciAd:"Yasin",
   kullaniciSoyad:"Dalkılıç",
   tc:1111,
   },
   {
      id:2,
      kullaniciAd:"Rümeysa",
      kullaniciSoyad:"Dalkılıç",
      tc:1111,
   },
   {
      id:3,
      kullaniciAd:"Yunus",
      kullaniciSoyad:"Korkmaz",
      tc:2222,
   },
   {
      id:4,
      kullaniciAd:"Ceren",
      kullaniciSoyad:"Erdoğan",
      tc:2222,
   },
   {
      id:5,
      kullaniciAd:"Oguzhan",
      kullaniciSoyad:"Doğan",
      tc:2222,
   }
]

Find Methodu Kullanımı

Data içerisinde tc’si “1111” olan kaydı bulmak istediğimizde find methodunu kullanabiliriz. Find methodu geriye tek bir elemanı obje olarak dönmektedir. Eğer eşleşen herhangi bir kayıt bulamazsa geriye “undefined” döndürür.

let sonuc = data.find((item)=>{
return item.tc===1111
})
console.log(sonuc)

Map Methodu Kullanımı

Data içerisindeki özellikleri yeni bir array oluşturmadan mevcut array üzerinde düzenleme yapmak için map methodunu kullanabiliriz tarayıcıdan console ekranını açıp baktığımızda ilgili verimize tamAd isimli yeni bir özellik eklendiğini göreceksiniz.

let sonuc = data.map(item => {
        return { ...item, tamAd:item.kullaniciAd + " "+   item.kullaniciSoyad };
      });
console.log(sonuc)

Filter Methodu Kullanımı

Data içerisinde tc’si “1111” olan tüm kayıtları(find şartı sağlayan bir veriyi geri verirken, filter şarta uyan tüm veriyi geri verir) geriye döndürür, eşleşen hiç bir kayıt yoksa boş array geriye verir.

let sonuc= data.filter(item => {
return item.tc === 1111;
});
console.log(sonuc)

FindIndex Methodu Kullanımı

Data içerisinde tc’si “1111” olan ilk kaydın sıra numarasını verir, eğer herhangi bir kayıt bulunamazsa geriye -1 değerini verir.

let sonuc = data.findIndex(item => {
return item.tc === 1111;
});
console.log(sonuc)

Herkese İyi Çalışmalar Dilerim :)