Maison >interface Web >js tutoriel >Comment supprimer efficacement les chaînes vides d'un tableau JavaScript ?

Comment supprimer efficacement les chaînes vides d'un tableau JavaScript ?

DDD
DDDoriginal
2024-12-18 11:56:14991parcourir

How to Efficiently Remove Empty Strings from a JavaScript Array?

Suppression de chaînes vides d'un tableau en Javascript

Lorsqu'il s'agit de manipulation de tableau, la suppression d'éléments vides peut être une exigence courante. Javascript propose différentes méthodes pour accomplir cette tâche.

Solution efficace :

La méthode la plus simple consiste à utiliser la fonction filter() pour éliminer les éléments vides en fonction de leur valeur booléenne. évaluation :

const arr = [1, 2, "", 3, "", -3, null, "", 0, "", undefined, 4, "", 4, "", 5, "", 6, "",""];

arr.filter(n => n);
// Result: [1, 2, 3, -3, 0, 4, 4, 5, 6]

Approches alternatives :

Une autre option est pour exploiter les fonctions Number() ou Boolean() pour filtrer les valeurs numériques ou véridiques :

arr.filter(Number);
// Result: [1, 2, 3, -3, 4, 4, 5, 6]

arr.filter(Boolean);
// Result: [1, 2, 3, -3, 4, 4, 5, 6]

Méthode spécifique au texte :

Si le tableau contient uniquement chaînes de texte, vous pouvez la convertir en chaîne, supprimer les chaînes vides, puis la reconvertir en chaîne. array:

arr.join('').split('');
// Result: ["1", "2", "3", "4", "5"]

Approche itérative :

Pour une approche plus classique, vous pouvez parcourir le tableau et déplacer les valeurs non vides vers la fin :

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

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

arr.splice(0, len); // Remove empty values from the beginning
// Result: [1, 2, 3, 3, [], {}, 5, 6]

Solution jQuery :

Si vous utilisez jQuery, vous pouvez utiliser la fonction $.grep() pour filtrer les valeurs vides :

arr = $.grep(arr, n => n == 0 || n);
// Result: [1, 2, 3, 3, 0, 4, 4, 5, 6]

Ces méthodes fournissent des options efficaces et polyvalentes pour supprimer les éléments vides des tableaux en Javascript, en fonction de vos besoins spécifiques.

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