Filter Array JavaScript()
Contoh 1
Kembalikan larik semua nilai dalam usia[] yang berusia 18 tahun ke atas:
const ages = [32, 33, 16, 40];
const result = ages.filter(checkAdult);
function checkAdult(age) {
return age >= 18;
}
Definisi dan Penggunaan
Metode filter()ini membuat larik baru yang diisi dengan elemen yang lulus tes yang disediakan oleh suatu fungsi.
Metode filter()tidak menjalankan fungsi untuk elemen kosong.
Metode filter()ini tidak mengubah larik asli.
Sintaksis
array.filter(function(currentValue, index, arr), thisValue)
Parameter
| Parameter | Description |
| function() | Required. A function to run for each array element. |
| currentValue | Required. The value of the current element. |
| index | Optional. The index of the current element. |
| arr | Optional. The array of the current element. |
| thisValue | Optional. Default undefinedA value passed to the function as its this value. |
Nilai Kembali
| Jenis | Keterangan |
| Sebuah array |
Mengandung unsur-unsur yang lulus ujian. Jika tidak ada elemen yang lulus tes, ia mengembalikan array kosong. |
Dukungan Peramban
filter()adalah fitur ECMAScript5 (ES5).
ES5 (JavaScript 2009) didukung penuh di semua browser:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | 9-11 | Yes | Yes | Yes | Yes |
Contoh 2
Kembalikan nilai dalam usia[] yang melebihi angka tertentu:
<p><input type="number" id="ageToCheck" value="30"></p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
const ages = [32, 33, 12, 40];
function checkAge(age) {
return age > document.getElementById("ageToCheck").value;
}
function myFunction() {
document.getElementById("demo").innerHTML = ages.filter(checkAge);
}
</script>