Javascript find() Metodu [VİDEOLU] | 𝗣𝗥𝗢𝗧𝗢𝗧𝗨𝗥𝗞

Javascript find() Metodu

ES6

find() metodu, dizi içinde belirlediğimiz koşula uygun olan ilk elemanı seçmeye yarar.
Eğer koşula uygun eleman bulunamazsa, geriye undefined döndürür.

Yapısı (Syntax)array.find(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

Koşula uyan ilk dizi elemanını döndürür. Hiçbiri koşula uymazsa geriye undefined döndürür.

NOT

Bu metod varsayılan diziyi değiştirmez ve test edilen dizi boş ise çalışmaz.
Eğer bulunan ilk dizi elemanının indis değerini almak isterseniz findIndex() metoduna bakın.
Eğer dizide geçen bir değeri bulmak istiyorsanız includes() metoduna bakın.
Eğer herhangi bir öğenin koşulu karşılayıp karşılamadığını test etmek istiyorsanız some() metoduna bakın.

Örnekler

Nesnenin özelliğine göre dizi öğesini bulma

Aşağıdaki kod, inventory dizisinde name özelliği cherries olan öğeyi döndürecektir.

const inventory = [
  {name: 'apples', quantity: 2},
  {name: 'bananas', quantity: 0},
  {name: 'cherries', quantity: 5}
];

function isCherries(fruit) { 
  return fruit.name === 'cherries';
}

console.log(inventory.find(isCherries)); 
// { name: 'cherries', quantity: 5 }

Örneği Dene »

Aynı işlemin arrow fonksiyon ve destructuring yöntemi ile kullanımı

const inventory = [
  {name: 'apples', quantity: 2},
  {name: 'bananas', quantity: 0},
  {name: 'cherries', quantity: 5}
];

// Bunu arrow fonsiyonu ve destructuring ile bulmak isteseydiniz
console.log(inventory.find( ({ name }) => name === 'cherries' ));

Örneği Dene »