Perbedaan Method Filter dan Find pada Javascript
Sebelum kita memulai penjelasan mengenai Perbedaan Method Filter dan Find pada Javascript, alangkah baiknya teman-teman membaca artikel sebelumnya. Saya telah membangun panduan mengenai Cara Menggunakan Method Filter pada Javascript dan Cara Menggunakan Method Find pada Javascript. Di panduan kali ini saya akan menejelaskan mengenai Perbedaan Method Filter dan Find di Javascript.
Nah, bagi memperjelas Perbedaan Method Filter dan Find di Javascript kita di akan menggunakan kasus yang sama namun metodenya berbeda dimana terdapat array yang berisi umur dan kita akan memfilter umurnya sehingga umur yang tampil yakni umur yang memenuhi kondisi. Berikut yakni strategi membangun filter umur dengan cara filter dan find:
1. Pertama-tama
teman-teman bikin dulu file index.html pada folder project yang dimana kita akan menyisipkan kode javascript kedalamnya berikut dalah kode htmlnya:
/**
<!DOCTYPE html>
<html>
<head>
<title>Filter dan Find | JS</title>
</head>
<body>
<h1>Filter Umur</h1>
<p>Method filter()</p>
<p id=demo1></p>
<p>Method find()</p>
<p id=demo2></p>
<button onclick=myFunction()>Filter</button>
</body>
</html>
*/
Coba teman-teman buka file index.htmlnya di browser lalau klik tombol filter, karenanya tak kan terjadi apa-apa, karena kita belum menyisipkan kode javascriptnya
2. Kedua
kita akan memfilter umurnya dengan menggunakan cara filter() dan find(), berikut kodenya:
/**<br /><script>
//array umur
var umur = [20, 30, 40, 45];
//kegunaan cekumur
function cekumur(age) {
return age >= 22;
}
//menampilkan hasil
function myFunction() {
document.getElementById(demo1).innerHTML = umur.filter(cekumur);
document.getElementById(demo2).innerHTML = umur.find(cekumur);
}<br /></script>
*/
Bagi penjelasan kode di atas saya telah beri commenting di 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.
Berdasarka kasus dia atas, kesimpulannya yakni cara filter() akan terus menampilkan nilai yang memenuhi kondisi sedangkan cara find() akan berhenti menampilkan di ketika dia memperoleh nilai yang sesuai kondisi.
Sekianlah pembahasan kali ini mengenai Perbedaan Method Filter dan Find pada Javascript. Semoga bermanfaat untuk teman-teman dan hingga jumpa lagi pada panduan berikutnya.
Sumber https://kursuswebsite.org
