Supprimer les valeurs nuls d'un tableau en javascript

Dans les tableaux, la suppression des valeurs nuls (y compris les chaînes vides, nuls, indéfinies, etc.) est une tâche importante pour les développeurs. Pour ce faire, JavaScript fournit certaines méthodes, telles qu'une boucle traditionnelle pour la boucle qui iratera le tableau et ajoutera les valeurs dans un nouveau tableau, la méthode foreach () ou la méthode filtre ().

Ce tutoriel illustra les méthodes de suppression des valeurs nulles des tableaux JavaScript.

Comment supprimer les valeurs nulles du tableau javascript?

Pour supprimer les valeurs nuls d'un tableau, utilisez les méthodes intégrées JavaScript-don ci-dessous:

• • Méthode filtre ()
  • pour boucle
  • Méthode foreach ()

Méthode 1: supprimer les valeurs nulles du tableau javascript à l'aide de la méthode filtre ()

Utilisez le "filtre()”Méthode pour éliminer les valeurs nulles d'un tableau. Il crée et renvoie un nouveau tableau en ajoutant les éléments qui remplissent les exigences spécifiées dans la fonction.

Syntaxe

Suivez la syntaxe donnée pour la méthode filtre ():

déployer.filtre (fonction (currentvalue, index, array)))

Dans la syntaxe ci-dessus:

• • UN "fonction«Cela sera exécuté pour chaque élément du tableau.
  • Le "valeur actuelle»Affiche la valeur de l'élément actuel.
  • "indice"Est l'index de l'élément actuellement sélectionné.
  • "déployer»Est le tableau contenant l'élément actuel.
  • "indice" et "déployer«Sont les arguments facultatifs, tandis que«fonction" et "valeur actuelle" sont obligatoires.

Exemple

Créez un tableau contenant des nombres et des valeurs nulles:

Var Array = [1,, "", 2, 56, 13, 44, nul, non défini, 85];

Appelez la méthode Filter () avec une fonction flèche comme une fonction de rappel qui sélectionne uniquement les éléments qui ne seront pas égaux au mot clé "nul"Et les stocke entraînant une variable"res»:

var res = tableau.filtre (éléments =>
Éléments de retour !== null;
);

Imprimez le tableau qui en résulte sur la console:

console.log (res);

La sortie affiche un tableau qui supprime le «nul" valeur:

Maintenant, supprimez toutes les valeurs nulles, non définies et vides d'un tableau, et ajoutez ces multiples conditions avec le et "&&»Opérateur:

var res = tableau.filtre (éléments =>
retour (éléments != éléments nuls && !== UNDEFINED && Elements !== "");
);

La sortie donnée montre que toutes les valeurs spécifiées d'un tableau sont supprimées avec succès:

Méthode 2: supprimer les valeurs nulles du tableau javascript en utilisant pour la boucle

Utilisez la méthode la plus traditionnelle pour itérer le tableau à l'aide du «pour”Boucle avec le"pousser()" méthode. Il irarera le tableau jusqu'à sa longueur et pousse les éléments dans un tableau nouvellement créé.

Syntaxe

La syntaxe suivante du «pour”La boucle est utilisée pour supprimer les valeurs nuls d'un tableau:

pour ()
// Renvoie des déclarations

Exemple

Tout d'abord, créez un tableau vide:

var resArray = [];

Utilisez la boucle pour itérer le tableau et obtenez les valeurs non nulles et ajoutez-les à un tableau nouvellement créé en utilisant le «pousser()" méthode:

pour (soit i = 0; i < array.length; i++)
if (array [i])
se réactif.push (array [i]);


console.journal (resaRray);

La sortie indique que la boucle FOR renvoie efficacement le tableau à l'exclusion des valeurs nulles:

Méthode 3: supprimer les valeurs nuls d'un tableau à l'aide de la méthode foreach ()

Pour éliminer les valeurs nuls d'un tableau, utilisez le «pour chaque()«Méthode avec le«pousser()" méthode. Pour chaque élément d'un tableau, il appelle une fonction de rappel.

Syntaxe

Suivez la syntaxe fournis pour la méthode foreach ():

déployer.foreach (fonction (currentValue, index, arr)

Dans la syntaxe ci-dessus,

• • Une fonction à exécuter pour chaque élément du tableau.
  • Le "valeur actuelle"Est la valeur de l'élément actuel.
  • "indice»Est l'indice d'un élément actuellement sélectionné.
  • "déployer»Est le tableau contenant l'élément actuel.
  • "fonction" et "valeur actuelle«Sont obligatoires, tandis que«indice" et "déployer"Sont les paramètres facultatifs.

Exemple

Créez un tableau vide pour contenir tous les éléments du tableau qui ne sont pas nuls:

var resArray = [];

Ensuite, appelez le «pour chaque()”Méthode pour itérer le tableau et vérifier que l'élément considéré n'est pas nul à l'intérieur de la méthode foreach (). Ensuite, poussez cet élément du tableau dans le tableau vide si les critères sont remplis:

déployer.foreach (éléments =>
si (éléments !== null)
se réactif.push (éléments);

);

Imprimez le tableau qui en résulte sur la console:

console.journal (resaRray);

La sortie montre un tableau sans le «nul" valeur:

Maintenant, éliminez toutes les autres valeurs non définies d'un tableau en spécifiant la condition suivante:

déployer.foreach (éléments =>
si (éléments != éléments nuls && !== UNDEFINED && Elements !== "")
se réactif.push (éléments);

);

Sortir

Nous avons compilé toutes les meilleures méthodes pour supprimer les valeurs nuls d'un tableau en JavaScript.

Conclusion

Pour supprimer les valeurs nuls d'un tableau, utilisez les méthodes JavaScript prédéfinies, y compris le «filtre()" méthode, "pour”Boucle, ou«pour chaque()" méthode. Le tableau.La méthode Filter () est la méthode la plus utilisée pour retirer les valeurs nulles d'un tableau. Le "pour”Loop est la méthode traditionnelle pour itérer le tableau et ajouter les éléments à l'exception des valeurs nulles dans un tableau en utilisant le"pousser()" méthode. Ce tutoriel a illustré les méthodes de suppression des valeurs nulles des tableaux JavaScript.