Mustafa HAMIT

JavaScript’te find() metodu, belirtilen koşulu sağlayan ilk elemanı bulmak için kullanılır.

Özellikle ID ile kayıt bulma, kullanıcı arama ve API verileri üzerinde işlem yapma gibi senaryolarda sık kullanılmaktadır.

Bu yazıda JavaScript find() kullanımını örneklerle inceleyeceğiz.

---

find() Metodu Nedir?

find() metodu, array içerisindeki elemanları sırayla kontrol eder ve koşulu sağlayan ilk elemanı döndürür.

Temel kullanım:

array.find(function(item) {
  return koşul;
});

---

Basit find() Örneği

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

const result = numbers.find(
  number => number > 3
);

console.log(result);

Çıktı:

4

---

ID ile Kayıt Bulma

const users = [
  {
    id: 1,
    name: "Ahmet"
  },
  {
    id: 2,
    name: "Mehmet"
  }
];

const user = users.find(
  user => user.id === 2
);

console.log(user);

---

Object Dizilerinde find() Kullanımı

const products = [
  {
    id: 1,
    name: "Laptop"
  },
  {
    id: 2,
    name: "Mouse"
  }
];

const product = products.find(
  product => product.name === "Mouse"
);

console.log(product);

---

Eşleşme Bulunamazsa Ne Olur?

Eğer eşleşen bir kayıt bulunamazsa undefined döner.

const numbers = [1, 2, 3];

const result = numbers.find(
  number => number > 10
);

console.log(result);

Çıktı:

undefined

---

find() ve filter() Arasındaki Fark

Metod	Sonuç
find()	İlk eşleşen kaydı döndürür
filter()	Tüm eşleşen kayıtları döndürür

---

findIndex() ile Birlikte Kullanım

find() kayıt döndürürken, findIndex() eşleşen kaydın index numarasını döndürür.

const users = ["Ahmet", "Mehmet", "Ayşe"];

const index = users.findIndex(
  user => user === "Ayşe"
);

console.log(index);

Çıktı:

2

---

Tüm Kullanımları İçeren Örnek

const users = [
  {
    id: 1,
    name: "Ahmet",
    active: true
  },
  {
    id: 2,
    name: "Mehmet",
    active: false
  }
];

const activeUser = users.find(
  user => user.active === true
);

console.log(activeUser);

---

find() Kullanım Alanları

• ID ile kayıt bulma
• Kullanıcı arama işlemleri
• API verileri üzerinde arama
• Ürün bulma işlemleri
• Frontend veri yönetimi

---

Sonuç

JavaScript find() metodu, belirli bir koşulu sağlayan ilk kaydı bulmak için kullanılan kullanışlı bir array metodudur.

Özellikle object dizileri üzerinde çalışırken oldukça sık kullanılmaktadır.

---

Sık Sorulan Sorular (SSS)

find() ne işe yarar?

Belirtilen koşulu sağlayan ilk elemanı döndürür.

find() array döndürür mü?

Hayır, doğrudan bulunan elemanı döndürür.

find() kayıt bulamazsa ne döner?

undefined döndürür.