Heim > Web-Frontend > js-Tutorial > Wie filtere ich ein Array von Objekten in JavaScript?

Wie filtere ich ein Array von Objekten in JavaScript?

DDD
Freigeben: 2024-11-05 19:39:02
Original
675 Leute haben es durchsucht

How to Filter an Array of Objects in JavaScript?

Ein Array von Objekten in JavaScript filtern

Bei einem Array von Objekten ist es oft notwendig, diese anhand bestimmter Kriterien zu durchsuchen und zu filtern. So filtern Sie ein Array von Objekten in JavaScript und konzentrieren sich dabei auf die Suche nach Objekten, deren Name „Joe“ entspricht und deren Alter weniger als 30 Jahre beträgt.

Array.prototype.filter() Methode:

Mit der Methode Array.prototype.filter() können Sie ein neues Array erstellen, indem Sie das ursprüngliche Array basierend auf einer bestimmten Funktion filtern. In unserem Fall würde die Funktion den Namen und das Alter des Objekts mit den Kriterien vergleichen.

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

Diese Lösung verwendet eine Pfeilfunktion (ES6), um jedes Element im Array zu testen. Wenn sowohl die Namens- als auch die Altersbedingungen erfüllt sind, wird das Element in das neue Array aufgenommen.

jQuery.grep() Funktion:

Wenn Sie verwenden jQuery können Sie auch die Funktion jQuery.grep() verwenden, um die Filterung durchzuführen.

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

jQuery.grep() verwendet ein Array und eine Callback-Funktion als Argumente. Die Callback-Funktion wertet, ähnlich der Pfeilfunktion in der ersten Lösung, jedes Element im Array anhand der angegebenen Bedingungen aus.

Das obige ist der detaillierte Inhalt vonWie filtere ich ein Array von Objekten in JavaScript?. 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage