Metode find mengeksekusi fungsi callback sekali untuk setiap indeks array sampai menemukan satu di mana callback mengembalikan nilai sebenarnya. Jika elemen seperti itu ditemukan, temukan segera kembalikan nilai elemen itu. Jika tidak, temukan hasil undefined. Callback dipanggil untuk setiap indeks array dari 0 sampai panjang – 1 dan dipanggil untuk semua indeks, tidak hanya nilai yang telah ditetapkan. Ini mungkin berarti bahwa ini kurang efisien untuk array yang jarang daripada metode lain yang hanya mengunjungi indeks yang telah diberi nilai. Pada tutorial kali ini saya akan mencoba membagi Cara Menggunakan Method Find pada Javascript.
Pada tutorial kali ini saya akan menggunakan kasus diman terdapat array yang berisi nilai dan kita akan memfilter nilainya sehingga nilai yang tampil adalah nilai yang memenuhi kondisi. Langsung saja saya akan memberikan langkah-langkah Cara Menggunakan Method Find pada Javascript, berikut dalah langkah-langkahnya:
1.Pertama
teman-teman buat dulu file index.html dalam folder project yang dimana kita akan menyisipkan kode javascript kedalamnya berikut dalah kode htmlnya:
<!DOCTYPE html> <html> <head> <title>Find | JS</title> </head> <body> <p>Filter Nilai</p> <button onclick="myFunction()">Filter</button> <p id="demo"></p> </body> </html>
Coba teman-teman buka file index.htmlnya di browser lalau klik tombol filter, maka tidak kan terjadi apa-apa, karena kita belum menyisipkan kode javascriptnya
2. Kedua
kita akan memfilter nilai dengan menggunakan metode find(), berikut kodenya:
/**<br /><script>
//array umur
var nilai = [60, 70, 80, 100];
//fungsi cek nilai
function ceknilai(nilai) {
return nilai >= 75;
}
//tampilkan nilai yang sudah di filter
function myFunction() {
document.getElementById("demo").innerHTML = nilai.find(ceknilai);
}<br /></script>
*/
Untuk penjelasan kode di atas saya sudah beri commenting pada baris kodenya. Coba teman-teman refresh file index.html yang telah kita buka tadi, lalu klik tombol filter makan akan tampil umur yang memenuhi kondisi.
Nilai array yang tampil hanya satu karena metode find akan berhenti mencari setelah kondisi terpenuhi.
Bagaimana teman-teman cukup mudahkan memfilter nilai menggunakan javascript. Selain memfilter umur kita bisa juga memfilter nilai-nilai lainnya suesuai kebutuhan teman-teman.
Sekian tutorial kalai ini tentang Cara Menggunakan Method Find pada Javascript. Semoga bermanfaat bagi teman-teman dan sampai jumpa lagi dalam tutorial berikutnya.