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

Detaillierte Erklärung generischer Fälle in TypeScript

Definition von Generika // Anforderung 1: Generik...

JavaScript implementiert einen verschiebbaren Fortschrittsbalken

In diesem Artikel wird der spezifische JavaScript...

Der Unterschied zwischen Hash-Modus und Verlaufsmodus im Vue-Router

vue-router hat zwei Modi Hash-Modus Verlaufsmodus...

Klassifizierung der Farbeigenschaften von Webseiten

Klassifizierung der Farbeigenschaften Jede Farbe ...

Eine einfache und eingehende Studie zu Async und Await in JavaScript

Inhaltsverzeichnis 1. Einleitung 2. Detaillierte ...

Detaillierte Erklärung des Rewrite-Moduls von Nginx

Das Umschreibmodul ist das Modul ngx_http_rewrite...

Installation und Verwendung von TypeScript und grundlegende Datentypen

Der erste Schritt besteht darin, TypeScript globa...

Detaillierte Erklärung des TARGET-Attributs des HTML-Hyperlink-Tags A

Das Hyperlink-Tag <a> stellt einen Linkpunkt...