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

Erweiterte MySQL-Datenbankabfrage und Mehrtabellenabfrage

MySQL-Abfrage für mehrere Tabellen Hinzufügen ein...

jQuery realisiert Bildhervorhebung

Es ist sehr üblich, Bilder auf einer Seite hervor...

So verwenden Sie Docker, um Containerressourcen zu begrenzen

Problem beim Gucken Angenommen, der IIS-Dienst st...

js kehrt zur vorherigen Seite zurück und aktualisiert den Code

1. Javascript kehrt zur vorherigen Seite zurück hi...

5 einfache XHTML-Webformulare für Webdesign

Einfaches XHTML-Webformular im Webdesign 5. Techn...

CSS3-Bézierkurven-Beispiel: Erstellen von Link-Hover-Animationseffekten

Wir verwenden animierte CSS3-Übergänge, um einen ...

Docker verwendet Supervisor zur Verwaltung von Prozessvorgängen

Ein Docker-Container startet beim Start beispiels...

Vue implementiert das Ziehen und Sortieren von Bildern

In diesem Artikelbeispiel wird der spezifische Co...

Vollständige Analyse des MySQL INT-Typs

Vorwort: Integer ist einer der am häufigsten verw...

MySQL 8.0.19 Installations- und Konfigurations-Tutorial unter Windows 10

Ich werde nächstes Semester MySQL lernen. Ich hab...

Verwenden Sie die Renderfunktion, um hoch skalierbare Komponenten zu kapseln

brauchen: In der Hintergrundverwaltung gibt es hä...

Ausführliche Erläuterung der Vue-Komponente „Multi-Select-Liste“

Eine Mehrfachauswahl ist ein Benutzeroberflächene...

Eine kurze Erläuterung der Rolle des Parameters docker --privileged=true

Mit etwa Version 0.6 wurde Privileged in Docker e...