JavaScript Array filter()

定义和用法

filter() Η μέθοδος δημιουργεί μια λίστα που είναι γεμάτη με όλα τα στοιχεία της λίστας που έχουν περάσει τον έλεγχο (ως συνάρτηση που παρέχεται).

Σημείωση:filter() Δεν εκτελεί τη συνάρτηση για στοιχεία της λίστας χωρίς τιμή.

Σημείωση:filter() Δεν αλλάζει την αρχική λίστα.

Παράδειγμα

Παράδειγμα 1

Επιστρέφει μια λίστα που αποτελείται από όλες τις τιμές της λίστας ages που είναι 18 ετών ή μεγαλύτερες:

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

Προσπαθήστε να το δοκιμάσετε προσωπικά

Παράδειγμα 2

Επιστρέφει μια λίστα που αποτελείται από όλες τις τιμές της λίστας ages που είναι μεγαλύτερες ή ίσες από συγκεκριμένο αριθμό:

<p>Ελάχιστη ηλικία: <input type="number" id="ageToCheck" value="18"></p>
<button onclick="myFunction()">Δοκιμάστε το</button>
<p>Όλες οι ηλικίες πάνω από το ελάχιστο: <span id="demo"></span></p>
<script>
var ages = [32, 33, 12, 40];
function checkAdult(age) {
  return age >= document.getElementById("ageToCheck").value;
}
function myFunction() {
  document.getElementById("demo").innerHTML = ages.filter(checkAdult);
}
</script>

Προσπαθήστε να το δοκιμάσετε προσωπικά

Γραμματική

λίστα.filter(function(currentValue, index, arr, thisValue)

Τιμή παραμέτρου

Παράμετροι Περιγραφή
function(currentValue, index, arr) Απαιτείται. Η συνάρτηση που θα εκτελεστεί για κάθε στοιχείο της λίστας.

Παράμετροι της συνάρτησης:

Παράμετροι Περιγραφή
currentValue Απαιτείται. Η τιμή του τρέχοντος στοιχείου.
index Προαιρετικό. Ο αριθμός του δείκτη του τρέχοντος στοιχείου στην λίστα.
arr Προαιρετικό. Το αντικείμενο της λίστα στην οποία ανήκει το τρέχον στοιχείο.
thisValue

Προαιρετικό. Η τιμή που θα μεταφερθεί στη συνάρτηση ως τιμή του "this".

Αν αυτός ο παράμετρος είναι κενός, η τιμή "undefined" θα μεταφερθεί ως η τιμή του "this".

Τεχνικά λεπτομέρειες

Αποτελεσματικό: Μια λίστα που περιέχει όλους τους στοιχεία της λίστα που έχουν περάσει τον έλεγχο. Αν δεν υπάρχει κανένα στοιχείο που έχει περάσει τον έλεγχο, επιστρέφεται μια κενή λίστα.
Έκδοση JavaScript: ECMAScript 5

Υποστήριξη περιηγητή

Όλοι οι περιηγητές υποστηρίζουν πλήρως filter() Μέθοδος:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Υποστήριξη 9.0 Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη

Σχετικές σελίδες

Εκμάθηση:Array JavaScript

Εκμάθηση:Const array JavaScript

Εκμάθηση:Μέθοδοι array JavaScript

Εκμάθηση:Σειρά JavaScript array

Εκμάθηση:Διαδρομή του JavaScript array