Maison >interface Web >js tutoriel >Comment puis-je supprimer efficacement les éléments vides des tableaux JavaScript ?

Comment puis-je supprimer efficacement les éléments vides des tableaux JavaScript ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-12-17 08:46:25631parcourir

How Can I Efficiently Remove Empty Elements from JavaScript Arrays?

Suppression d'éléments vides des tableaux en JavaScript

Les tableaux JavaScript contiennent souvent des éléments vides, ce qui peut être gênant lors de l'exécution d'opérations sur le tableau. La suppression de ces éléments vides peut simplifier votre code et améliorer les performances.

Méthodes simples

JavaScript moderne propose plusieurs méthodes de tableau intégrées qui peuvent vous aider à filtrer les éléments vides :

  • .filter(n => n) : Renvoie un nouveau tableau contenant uniquement les éléments qui ne sont pas faux (c'est-à-dire vide).
  • .filter(Number) : similaire à la méthode .filter(n => n), mais filtre spécifiquement les nombres véridiques non nuls.
  • .filter(Boolean) : filtre toute valeur véridique (c'est-à-dire non indéfini, null, 0, '', NaN ou false)

Méthode classique

Si vous préférez une approche plus traditionnelle, vous pouvez parcourir le tableau manuellement et supprimez les éléments vides à l'aide de la méthode splice :

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

Méthode jQuery

Si vous utilisez jQuery, vous pouvez également profiter de sa méthode .grep() :

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

arr = $.grep(arr, n => n == 0 || n);

Conclusion

Ces différentes approches offrent des moyens efficaces et pratiques pour supprimer les éléments vides des tableaux JavaScript. Choisissez la méthode qui correspond le mieux à vos besoins et profitez de tableaux plus propres et plus faciles à gérer.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn