Heim > Web-Frontend > js-Tutorial > Wie kann man Arrays von Objekten in JavaScript effizient suchen und filtern?

Wie kann man Arrays von Objekten in JavaScript effizient suchen und filtern?

Patricia Arquette
Freigeben: 2024-11-04 02:11:02
Original
744 Leute haben es durchsucht

How to Efficiently Search and Filter Arrays of Objects in JavaScript?

Effiziente Suche in Arrays von Objekten in JavaScript

Beim Umgang mit Arrays von Objekten besteht die Notwendigkeit, diese nach bestimmten Kriterien zu durchsuchen und zu filtern. Ein solches Beispiel ist das Finden aller Objekte, bei denen die Eigenschaft „Name“ gleich „Joe“ und die Eigenschaft „Alter“ kleiner als 30 ist.

Nativer JavaScript-Ansatz

Durch die Nutzung der modernen Funktionalität von JavaScript können wir das erreichen Verwenden Sie die Methode Array.prototype.filter(), um dies zu erreichen:

const found_names = names.filter(v => v.name === "Joe" && v.age < 30);
Nach dem Login kopieren

Dieser Ansatz iteriert über das Namensarray und gibt ein neues Array zurück, das nur Objekte enthält, die die angegebenen Bedingungen erfüllen.

jQuery-Alternative

Wenn Sie jQuery bevorzugen, gibt es eine alternative Methode:

var found_names = $.grep(names, function(v) {
    return v.name === "Joe" && v.age < 30;
});
Nach dem Login kopieren

Die $.grep()-Funktion von jQuery filtert ein Array basierend auf einem bereitgestellten Rückruf. Der Rückruf hier gibt true für Objekte zurück, die die gewünschten Kriterien erfüllen, andernfalls false.

Das obige ist der detaillierte Inhalt vonWie kann man Arrays von Objekten in JavaScript effizient suchen und filtern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage