Cek Data di Array Javascript

Pada tulisanku kali ini, aku akan membagikan tips bagaimana mencari tahu ada atau tidaknya suatu data pada Array di javascript. Disini kita akan menggunakan dua metode yaitu, dengan menggunakan fungsi includes() dan yang kedua menggunakan some(). Pertama kita akan membahas tentang inlcudes. Fungsi includes biasa digunakan untuk mencari tahu eksistensi data pada array yang bertipe primitif (String, Number, BigInt, Boolean, undefined, null, dan Symbol). Sebagai contoh diberikan array dengan nilai daftar beberapa nama hewan
const animals = ['Cat', 'Rabbit', 'Cow', 'Chicken'];
Dari daftar hewan di atas, kita akan mencari tahu apakah Sapi (Cow) terdapat di dalam daftar array animals tersebut ? Maka kita bisa melakukannya dengan code seperti di bawah:
const animals = ['Cat', 'Rabbit', 'Cow', 'Chicken'];const isCowOnList = animals.includes('Cow');console.log(isCowOnList);
Jika kita jalankan code di atas, isCowOnList akan bernilai true karena ‘Cow’ terdapat di dalam array animals index ke 2. Bagaimaina jika kita masukkan kata kunci lain misalnya kuda (Horse) ?, maka nilai yang akan kita dapatkan adalah false, karena ‘Horse’ tidak terdapat di dalam array animals.
Sekarang bagaimana jika array yang ada berbentuk object ? kita bisa menggunakan fungsi lain bernama some(). Sebagai contoh kita gunakan beberapa daftar nama hewan fantasi seperti di bawah:
const beasts = [{ name: 'Dragon', age: 1500, population: 7},
{ name: 'Hydra', age: 900, population: 3},
{ name: 'Dragon', age: 350, population: 100}];
Sekarang kita akan mencari tahu apakah ada hewan yang usianya lebih dari 1000 tahun. Kita bisa menggunakan dengan code seperti di bawah:
const beasts = [{ name: 'Dragon', age: 1500, population: 7},
{ name: 'Hydra', age: 900, population: 3},
{ name: 'Dragon', age: 350, population: 100}];const isAgeOverThousandExist = beast.some(e => e.age > 1000);console.log(isAgeOverThousandExist);
Ketika code di atas kita jalankan, maka kita akan mendapatkan nila true karena hewan dengan usia lebih dari 1000 ada pada Naga (Dragon) di index ke 0. Contoh lain apabila kita mencari jumlah populasi (population) yang kurang dari 3, maka hasilnya adalah false. Karena tidak ada hewan dengan populasi yang kurang dari 3.
Selanjutnya jika kita pernah mendengar fungsi lain bernama findIndex(), fungsi ini juga bisa digunakan untuk mencari tahu ada atau tidaknya data pada sebuah array. Fungsi findIndex akan memberikan nilai -1 apabila data yang kita cari tidak ditemukan, dan akan memberikan nilai berupa index dari data, apabila data ditemukan.
Pertanyaanya kapan kita menggunakan findIndex dan kapan kita menggunakan some ? Jawabannya: Apabila kita sekedar mencari tau ada atau tidaknya sebuah data di dalam array of object tanpa menggunakan indexnya, kita bisa menggunakan some, namun apabila kita butuh index dari array data tersebut maka gunakan findIndex.
Sekarang sebagai contoh lain dan latihan, lihat array di bawah:
const colors = [{name: 'Black', meaning: 'Elegant'}{name: 'Blue', meaning: 'Calm'}{name: 'Pink', meaning: 'Cute'}]
Cari tahu apakah ada data dengan meaning = ‘Brave’ dan yang kedua cari tahu apakah ada data dengan name = ‘Yellow’.
Sekian tulisanku kali ini, semoga bisa bermanfaat bagi semua, mohon maaf jika ada kesalahan penulisan, terimakasih dan sampai jumpa di lain kesempatan artikelku yang lain.
更多推荐
所有评论(0)