Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie entferne ich effizient Elemente aus einem Array, das auf einem anderen Array in JavaScript basiert?

Mary-Kate Olsen
Freigeben: 2024-10-25 11:24:30
Original
660 Leute haben es durchsucht

How to Efficiently Remove Elements from an Array Based on Another Array in JavaScript?

Effizientes Entfernen von Elementen basierend auf einem anderen Array [Duplikat]

In JavaScript können Elemente aus einem Array entfernt werden, die in einem anderen Array vorhanden sind eine Herausforderung sein. Ein häufig verwendeter Ansatz besteht darin, die Methoden grep() und inArray() von jQuery zu verwenden. Es gibt jedoch reine JavaScript-Lösungen, die das gleiche Ergebnis ohne Schleifen oder Spleißen erzielen können.

Eine Methode besteht darin, die Methode Array.filter() zu verwenden, die das Array durchläuft und Elemente basierend auf einem angegebenen Wert herausfiltert Zustand. In diesem Fall ist die Bedingung, ob das Element nicht im toRemove-Array vorhanden ist.

<code class="javascript">myArray = myArray.filter(function(el) {
  return toRemove.indexOf(el) < 0;
});
Nach dem Login kopieren

Da sich die Browserunterstützung für Array.includes() verbessert hat, kann es zur weiteren Vereinfachung des Codes verwendet werden:

<code class="javascript">myArray = myArray.filter(function(el) {
  return !toRemove.includes(el);
});
Nach dem Login kopieren

Eine weitere Anpassung mithilfe von Pfeilfunktionen ergibt noch prägnanteren Code:

<code class="javascript">myArray = myArray.filter((el) => !toRemove.includes(el));</code>
Nach dem Login kopieren

Diese Methoden bieten eine effiziente und flexible Möglichkeit, Elemente aus einem Array basierend auf Kriterien zu entfernen, die in einem anderen Array ohne definiert sind die Notwendigkeit von Schleifen oder Array-Manipulationen.

Das obige ist der detaillierte Inhalt vonWie entferne ich effizient Elemente aus einem Array, das auf einem anderen Array in JavaScript basiert?. 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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!