JavaScript Array filter()

定义和用法

filter() Metode membuat daftar yang diisi dengan semua elemen array yang melalui tes (disediakan sebagai fungsi).

Keterangan:filter() Tidak akan melaksanakan fungsi ini untuk elemen array tanpa nilai.

Keterangan:filter() Tidak akan mengubah daftar asli.

Contoh

Contoh 1

Kembalikan daftar yang terdiri dari semua nilai di daftar ages yang 18 tahun atau lebih tua:

var ages = [32, 33, 16, 40];
function checkAdult(age) {
  kembalikan age >= 18;
}
function myFunction() {
  document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}

Coba sendiri

Contoh 2

Kembalikan daftar yang terdiri dari semua nilai di daftar ages yang lebih besar atau sama dengan angka khusus:

<p>Umur minimum: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Coba</button>
<p>Umur semua orang di atas minimum: <span id="demo"></span></p>
<script>
var ages = [32, 33, 12, 40];
function checkAdult(age) {
  kembalikan age >= document.getElementById("ageToCheck").value;
}
function myFunction() {
  document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}
</script>

Coba sendiri

Sintaks

array.filter(function(currentValue, index, arr, thisValue)

Nilai parameter

Parameter Deskripsi
function(currentValue, index, arr) Wajib. Fungsi yang dijalankan untuk setiap elemen dalam daftar.

Parameter fungsi:

Parameter Deskripsi
currentValue Wajib. Nilai elemen saat ini.
index Pilihan. Indeks array elemen saat ini.
arr Pilihan. Objek array milik elemen saat ini.
thisValue

Pilihan. Nilai yang akan dihubungkan ke fungsi sebagai nilai "this".

Pilihan. Nilai yang akan dihubungkan ke fungsi sebagai nilai "this".

Detil teknis

Nilai kembalian: Daftar yang mengandung semua elemen array yang melalui tes. Jika tidak ada elemen yang melalui tes, kembalikan daftar kosong.
Versi JavaScript: ECMAScript 5

Dukungan peramban

Semua peramban mengakui sepenuhnya filter() Metode:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukungan 9.0 Dukungan Dukungan Dukungan Dukungan

Halaman-Relasi

Panduan:Array JavaScript

Panduan:Const Array JavaScript

Panduan:Metode Array JavaScript

Panduan:Pengurutan Array JavaScript

Panduan:Iterasi Array JavaScript