Accueil » Blog » Supprimer Les Valeurs Nulles D’Un Tableau en JavaScript
Supprimer Les Valeurs Nulles d'Un Tableau en JavaScript

Supprimer Les Valeurs Nulles D’Un Tableau en JavaScript

Voici comment vous pouvez supprimer les valeurs nulles d’un tableau en JavaScript. Je vais vous montrer deux méthodes, la première avec du JavaScript pur et la méthode filter des tableaux et la seconde avec Lodash.

Supprimer Les Éléments Vides D’Un Tableau Avec du Pur Javascript

Je recommande cette méthode plutôt que celle de Lodash car vous n’avez pas besoin d’utiliser une bibliothèque externe. Il suffit d’utiliser la méthode Array.prototype.filter() implémentée en JavaScript. Cette méthode intégrée crée une shallow copy de votre tableau en fonction de la condition de filtrage que vous fournissez.

Voici comment cela fonctionne :

const whatIsLife = ["La", "vie", null, "est", null, "belle", "!"]

const thisIsLife = myArray.filter(element => element !== null)

console.log(thisIsLife)
// Output: ["La", "vie", "est", "belle", "!"]

Comme vous pouvez le voir ci-dessus, notre tableau whatIsLife contient des valeurs null. En utilisant la méthode filter, nous spécifions que nous voulons garder uniquement les éléments qui sont différents de null (oui, parce que la vie est belle !).

Si vous affichez le nouveau tableau thisIsLife, vous aurez un tableau avec des valeurs non nulles.

Voici une version abrégée de l’exemple ci-dessus :

const whatIsLife = ["La", "vie", null, "est", null, "belle", "!"]

// Returning `element` will only return values if they
// are non-null
const thisIsLife = myArray.filter(element => element)

console.log(thisIsLife)
// Output: ["La", "vie", "est", "belle", "!"]

Avec Lodash

Même si je recommande la première méthode, il est toujours intéressant de découvrir d’autres façons de supprimer les valeurs nulles d’un tableau. Cette fois, nous allons apprendre à le faire avec Lodash, une bibliothèque JavaScript.

Vous remarquerez que la syntaxe sera un peu différente, mais la fonction que nous utiliserons est la même que celle intégrée en JavaScript. En effet, la fonction Lodash s’appelle filter.

C’est le moment de donner un exemple !

import _ from "lodash"

const whatIsLife = ["La", "vie", null, "est", null, "belle", "!"]

const thisIsLife = _.filter(whatIsLife, (element) => element !== null)

console.log(thisIsLife)
// Output: ["La", "vie", "est", "belle", "!"]

Maintenant que vous savez comment supprimer les valeurs nulles dans un tableau JavaScript, vous pouvez apprendre comment supprimer un élément d’un tableau.

Gaël Thomas

🚀 Je vous aide à vous perfectionner dans le développement Web 👨‍💻 Ingénieur logiciel à distance 🧰 JavaScript, React, NextJS, HTML, CSS 📨 Mes messages privés Twitter sont ouverts à tous ceux qui aiment la programmation

Post navigation