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

jQuery+Ajax zum Erreichen eines einfachen Paging-Effekts

In diesem Artikel wird der spezifische Code von j...

Vue implementiert Drag-Fortschrittsbalken

In diesem Artikelbeispiel wird der spezifische Co...

So konfigurieren Sie eine VMware-Umgebung mit mehreren Knoten

Dieses Tutorial verwendet CentOS 7 64-Bit. Weisen...

Detaillierte Erklärung des Hintergrund-Positionsprozentsatzprinzips

Als ich heute jemandem beim Anpassen des Codes ha...

WePY-Cloud-Entwicklungspraxis im Linux-Befehlsabfrage-Applet

Hallo zusammen, heute werde ich mit Ihnen die WeP...

TypeScript-Union-Typen, Schnittmengentypen und Typwächter

Inhaltsverzeichnis 1. Union-Typ 2. Crossover-Typ ...

Der gesamte Prozess der Konfiguration von Hive-Metadaten für MySQL

Gehen Sie im Hive-Installationsverzeichnis in das...

Verwenden von jQuery zum Implementieren des Karusselleffekts

In diesem Artikel finden Sie den spezifischen Cod...

ElementUI-Komponente el-dropdown (Falle)

Auswählen und ändern: Klicken Sie, um den aktuell...

JavaScript-Objekte (Details)

Inhaltsverzeichnis JavaScript-Objekte 1. Definiti...

Lösung zur Installation von Vim im Docker-Container

Inhaltsverzeichnis Der Anfang der Geschichte Inst...

Verwendung des Linux-Befehls ifconfig

1. Befehlseinführung Der Befehl ifconfig (Netzwer...

Einige wunderbare Verwendungsmöglichkeiten von URL-Objekten in JavaScript

Inhaltsverzeichnis Vorwort Parameter analysieren ...