Heim > Web-Frontend > js-Tutorial > Wie kann ich leere Elemente effizient aus JavaScript-Arrays entfernen?

Wie kann ich leere Elemente effizient aus JavaScript-Arrays entfernen?

Mary-Kate Olsen
Freigeben: 2024-12-17 08:46:25
Original
630 Leute haben es durchsucht

How Can I Efficiently Remove Empty Elements from JavaScript Arrays?

Entfernen leerer Elemente aus Arrays in JavaScript

JavaScript-Arrays enthalten häufig leere Elemente, was beim Ausführen von Operationen am Array störend sein kann. Das Entfernen dieser leeren Elemente kann Ihren Code vereinfachen und die Leistung verbessern.

Einfache Methoden

Modernes JavaScript bietet mehrere integrierte Array-Methoden, die Ihnen beim Herausfiltern leerer Elemente helfen können:

  • .filter(n => n): Gibt ein neues Array zurück, das nur die Elemente enthält, die nicht falsch sind (d. h. leer).
  • .filter(Number): Ähnlich der Methode .filter(n => n), filtert jedoch speziell nach wahrheitsgetreuen Zahlen ungleich Null.
  • .filter(Boolean): Filtert nach jedem Wert, der wahr ist (d. h. nicht undefiniert, null, 0, '', NaN oder false)

Klassische Methode

Wenn Sie einen traditionelleren Ansatz bevorzugen, können Sie das Array manuell durchlaufen und leere Elemente mithilfe der Spleißmethode entfernen :

const arr = [1, 2, null, undefined, 3, '', 3, '', '', 0, '', [], '', {}, '', 5, '', 6, '', '', '', ''];

let len = arr.length;
for (let i = 0; i < len; i++)
    arr[i] && arr.push(arr[i]); // Copy non-empty values to the end of the array

arr.splice(0, len); // Cut the array and leave only the non-empty values
Nach dem Login kopieren

jQuery-Methode

Wenn Sie jQuery verwenden, können Sie auch davon profitieren .grep()-Methode:

const arr = [1, 2, '', 3, '', 3, '', '', 0, '', 4, '', 4, '', 5, '', 6, '', '', '', ''];

arr = $.grep(arr, n => n == 0 || n);
Nach dem Login kopieren

Fazit

Diese verschiedenen Ansätze bieten effiziente und bequeme Möglichkeiten, leere Elemente aus JavaScript-Arrays zu entfernen. Wählen Sie die Methode, die Ihren Anforderungen am besten entspricht, und genießen Sie sauberere, besser verwaltbare Arrays.

Das obige ist der detaillierte Inhalt vonWie kann ich leere Elemente effizient aus JavaScript-Arrays entfernen?. 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