Objekt-Arrays anhand von Attributen in JavaScript filtern

1. Allgemeine Callback-Funktion zum Filtern eines Objekt-Arrays basierend auf Attributen in JavaScript
2. Verwenden der Pfeilfunktion zum Filtern eines Objektarrays anhand von Attributen in JavaScript

Die Methode filter() ist der einfachste Weg, um ein Ergebnis der Präferenz zu erhalten.

Abgesehen davon können Sie das gesamte Objektarray durchlaufen und Bedingungen explizit deklarieren. Technisch gesehen ist die Technik mit weniger Code und einfachem Zugriff die filter-Methode.

Hier konzentrieren wir uns auf zwei Möglichkeiten, einen Filter auf ein Objektarray anzuwenden. Wir leiten eine Rückruffunktion an eine Variable oder ein Objekt weiter, um das gefilterte Ergebnis zu speichern.

Diese Rückruffunktion hat die allgemeine Struktur einer Funktion. Später werden wir auch versuchen, den Fall mit einer Pfeilfunktion zu lösen und prüfen, ob das Ergebnis ähnlich ist.

Allgemeine Callback-Funktion zum Filtern eines Objekt-Arrays basierend auf Attributen in JavaScript

Diese Demonstration initialisiert ein Array mit mehreren Attributen, auch bekannt als Schlüssel-Wert-Paare. Die Strategie besteht darin, zuerst auf das Objekt und dann auf das Array zuzugreifen.

Als nächstes greifen wir ein Attribut und wenden eine Bedingung darauf an. Wenn wir die filter-Methode verwenden, wird die genaue Übereinstimmung mit den Bedingungen gefiltert.

Kommen wir zu den Codezeilen.

Code-Auszug:

var feature = {
  'models': [
    {
      'name': 'Raven',
      'age': '22',
      'height': '176',
      'gender': 'Female',
      'hair': 'Brown',
    },
    {
      'name': 'Alex',
      'age': '23',
      'height': '185',
      'gender': 'Male',
      'hair': 'Black',
    },
    {
      'name': 'Eden',
      'age': '25',
      'height': '169',
      'gender': 'Female',
      'hair': 'Black',
    }
  ]
} var extract = feature.models.filter(function(el) {
  return el.age < 25 && el.height >= 170;
});
console.log(extract);

Ausgabe:

Hier greift der feature.models.filter entsprechend auf das Objekt und Array zu. Außerdem wird die Methode filter ausgelöst, um die Einschränkungen darin zu platzieren.

Wie wir sehen können, extrahiert die age<25 && height>170 die möglichen Details der übereinstimmenden Modelle.

Verwenden der Pfeilfunktion zum Filtern eines Objektarrays anhand von Attributen in JavaScript

Eine Pfeilfunktion ist eine Kurzform der normalen Funktionsstrukturkonventionen. Wir werden sehen, ob wir eine Pfeilfunktion verwenden können, um ein Objektarray zu filtern.

Code-Auszug:

var feature = {
  'models': [
    {
      'name': 'Raven',
      'age': '22',
      'height': '176',
      'gender': 'Female',
      'hair': 'Brown',
    },
    {
      'name': 'Alex',
      'age': '23',
      'height': '185',
      'gender': 'Male',
      'hair': 'Black',
    },
    {
      'name': 'Eden',
      'age': '25',
      'height': '169',
      'gender': 'Female',
      'hair': 'Black',
    }
  ]
} var extract = feature.models.filter(x => x.age < 25 && x.hair == 'Black');
console.log(extract);

Ausgabe:

Gemäß dem obigen Code ist das Herausfiltern des erforderlichen Ergebnisses mit einer Pfeilfunktion filter-Methode klarer.

Dieses Verfahren benötigt lediglich eine Variable (hier x), um auf die Attribute hinzuweisen. Dieser Codierungsstil wird auch zum Kürzen von Codes verwendet und von der neuesten ES6-Konvention ausgegeben.