Cara Mencari Object di Array Javascript

Seringkali di dalam flow program kita, kita diharuskan mencari object tertentu di dalam sebuah array. Mencari sebuah object di dalam javascript sebetulnya mudah dengan adanya method .find . Di sini saya akan tunjukkan bagaimana caranya.

Misalkan ada data seperti ini.

const people = [
  {
    id: 1,
    name: 'Andi',
    location: 'Jakarta'
  },
  {
    id: 2,
    name: 'Budi',
    location: 'Jakarta'
  },
  {
    id: 3,
    name: 'Ani',
    location: 'Yogyakarta'
  },{
    id: 4,
    name: 'Boby',
    location: 'Bandung'
  }
]

Kalau kita butuh data location dari array people dengan id bernilai 4, maka codenya begini

const person = people.find( v => v.id == 4)

Person akan bernilai,

{
    id: 4,
    name: 'Boby',
    location: 'Bandung'
  }

Nah, kalau data yang mau kita cari ga ada, nanti person akan bernilai undefined . Perlu cek setelah find, apakah datanya ada atau tidak.

Ingat, di code saya menuliskan function v => v.id == 4 . Variable v itu cuma sekedar nama aja biar ga kepanjangan, kalau mw lebih meaningful, ya tulis person juga gapapa.

Pertanyaan selanjutnya, bisa ga kita find berdasarkan property name ? Tentu kalau name itu unik, bisa. Kodenya jadi begini

const person1 = people.find( v => v.name == 'Ani')

Kira kira seperti itu cara untuk mencari object di array. Mungkin lain waktu saya akan berikan contoh pencarian yang lebih kompleks.

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *