Cara Menggunakan Method Filter pada Javascript

Filter () memanggil fungsi callback yang disediakan sekali untuk setiap elemen dalam sebuah array, dan menyusun array baru dari semua nilai yang callbacknya mengembalikan nilai yang koheren ke true. Callback dipanggil hanya untuk indeks dari array yang memiliki nilai yang telah ditetapkan dan Itu tidak dipanggil untuk indeks yang telah dihapus atau yang tidak pernah diberi nilai. Array elemen yang tidak lulus tes panggilan balik hanya dilewati, dan tidak termasuk dalam array baru. Pada tutorial kali ini saya akan mencoba membagi Cara Menggunakan Method Filter pada Javascript.

Pada tutorial kali ini saya akan menggunakan kasus dimana terdapat array yang berisi umur dan kita akan memfilter umurnya sehingga umur yang tampil adalah umur yang memenuhi kondisi. Langsung saja saya akan memberikan langkah-langkah Cara Menggunakan Method Filter 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>Filter | JS</title>
</head>
<body>

<p>Filter Umur</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 umurnya dengan menggunakan metode filter(), berikut kodenya:

/**<br /><script>
//array umur
var umur = [20, 30, 40, 45];

//
function cekumur(age) {
    return age >= 22;
}

//
function myFunction() {
    document.getElementById("demo").innerHTML = umur.filter(cekumur);
}<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.

Bagaimana teman-teman cukup mudahkan memfilter umur menggunakan javascript. Selain memfilter umur kita bisa juga memfilter nilai-nilai lainnya suesuai kebutuhan teman-teman.

Sekian tutorial kalai ini tentang Cara Menggunakan Method Filter pada Javascript. Semoga bermanfaat bagi teman-teman dan sampai jumpa lagi dalam tutorial berikutnya.

Cara Menggunakan Method Filter pada Javascript

Kategori