Verwendung des Array-Filters filter() in JS

Verwendung des Array-Filters filter() in JS

1. Einleitung

Array-Filter sind eine gängige Methode zur Front-End-Datenverarbeitung. Für das Front-End müssen wir die vom Back-End zurückgegebenen Daten verarbeiten, bevor wir die gewünschten Daten abrufen und weitere Vorgänge ausführen können. Manchmal kann der vom Backend an uns zurückgegebene Wert nur als Referenz verwendet werden.

2. Einführung in die Methode

Die Methode filter() erstellt ein neues Array. Die Daten im Array sind die Daten, die die Bedingungen erfüllen, nachdem die angegebenen Daten herausgefiltert wurden.

Zwei Hauptfunktionen von filter()

1.filter() erkennt keine leeren Arrays

2.filter() ändert das ursprüngliche Array nicht

Verwendung der Filter()-Methode:

array.filter(Funktion(aktuellerWert,Index,arr),dieserWert)
//currentValue: der Wert des aktuellen Elements //index: der Index des aktuellen Elements //arr: das ursprüngliche Array

3. Anwendungsbeispiele

1. Holen Sie sich die Elemente im Array, die die Bedingungen erfüllen

const Schule = [
  {
    Beruf: „Lehrer“,
    Alter:40
  },
  {
    Beruf: „Student“,
    Alter:23
  },{
    Beruf:"Programmierer",
    Alter:1
  }
]
var newShool = Schule.Filter(Artikel => Artikel.Alter > 20)
console.log(newShool);//[ { Beruf: 'Lehrer', Alter: 40 }, { Beruf: 'Student', Alter: 23 } ]

Zusammenfassen

Dieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalten auf 123WORDPRESS.COM mehr Aufmerksamkeit schenken können!

Das könnte Sie auch interessieren:
  • Detaillierte Erklärung der Unterschiede zwischen JS-Arrays „Finden“, „Some“, „Filtern“ und „Reduzieren“
  • JSP-Filter-Filterfunktion und einfache Anwendungsbeispiele
  • So filtern Sie Daten mit orderBy und Filter in AngularJS
  • So implementieren Sie das Filtercodierungsformat in der JSP-Entwicklung
  • AngularJS-Filter - Filter und ng-repeat arbeiten zusammen, um einen wundersamen Effekt zu erzielen

<<:  Bewertungsregeln von YSlow, einem von Yahoo entwickelten Webseiten-Bewertungs-Plugin

>>:  Verschiedene Transformationseffekte beim Umschalten von HTML-Webseiten

Artikel empfehlen

So verwenden Sie einen Docker-Container für den Zugriff auf das Host-Netzwerk

Vor Kurzem wurde ein System bereitgestellt, das n...

4 flexible SCSS-Kompilierungsausgabestile

Vielen Leuten wird das Kompilieren erklärt, sobal...

So überwachen Sie MySQL mit Zabbix

Dokumentation zur Zabbix-Bereitstellung Nach der ...

So installieren Sie die PHP7 Redis-Erweiterung auf CentOS7

Einführung Im vorherigen Artikel haben wir Redis ...

So steuern Sie die Startreihenfolge von Docker Compose-Diensten

Zusammenfassung Docker-Compose kann problemlos me...

So verhindern Sie, dass Website-Inhalte in Suchmaschinen aufgenommen werden

Normalerweise besteht das Ziel beim Erstellen ein...

Lösung für den Konfigurationsfehler des Nginx-SSL-Zertifikats

1. Einleitung Wenn ein Webprojekt auf unserem Lin...

Detaillierte Erklärung des TIMESTAMPDIFF-Falls in MySQL

1. Syntax TIMESTAMPDIFF(Einheit, Beginn, Ende); G...

JavaScript-Grundlagenobjekte

Inhaltsverzeichnis 1. Gegenstand 1.1 Was ist ein ...