Supprimer les éléments vides d'un tableau en Javascript

Question

Comment supprimer les éléments vides d'un tableau en JavaScript ?

Existe-t-il un moyen simple, ou dois-je les parcourir en boucle et les supprimer manuellement ?

Answer 1

Du pur javascript :

var arr = [1,2,,3,,3,null,,0,,undefined,4,,4,,5,,6,,,,];

arr = arr.filter(function(n){ return n != undefined }); // (JS 1.6 and above)

arr // [1, 2, 3, 3, 0, 4, 4, 5, 6]

ou - (uniquement pour les éléments de tableaux qui sont des nombres ou des chaînes de nombres)

arr = arr.filter(Number)

ou - (uniquement pour simple éléments du tableau de type "texte")

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

ou - Méthode classique : itération simple

var arr = [1,2,null, undefined,3,,3,,,0,,,[],,{},,5,,6,,,,],
    len = arr.length, i;

for(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

arr // [1,2,3,3,[],Object{},5,6]

via jQuery :

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

arr = $.grep(arr,function(n){ return(n) });

arr // [1, 2, 3, 3, 4, 4, 5, 6]

MISE À JOUR - une autre façon rapide et cool (en utilisant ES6) :

var arr = [1,2,null, undefined,3,,3,,,0,,,4,,4,,5,,6,,,,], 
    temp = [];

for(let i of arr)
    i && temp.push(i); // copy each non-empty value to the 'temp' array

arr = temp;
delete temp; // discard the variable

arr // [1, 2, 3, 3, 4, 4, 5, 6]

Answer 2

J'utilise cette méthode, en étendant le prototype natif de Array :

Array.prototype.clean = function(deleteValue) {
  for (var i = 0; i < this.length; i++) {
    if (this[i] == deleteValue) {         
      this.splice(i, 1);
      i--;
    }
  }
  return this;
};

test = new Array("","One","Two","", "Three","","Four").clean("");

test2 = [1,2,,3,,3,,,,,,4,,4,,5,,6,,,,];
test2.clean(undefined);

Ou vous pouvez simplement pousser les éléments existants dans un autre tableau (l'exemple supprime toutes les valeurs "fausses") : undefined , null , 0 , false , NaN et '' ) :

function cleanArray(actual){
  var newArray = new Array();
  for(var i = 0; i<actual.length; i++){
      if (actual[i]){
        newArray.push(actual[i]);
    }
  }
  return newArray;
}

cleanArray([1,2,,3,,3,,,,,,4,,4,,5,,6,,,,]);

Answer 3

Si vous devez supprimer TOUTES les valeurs vides ("", null, undefined et 0) :

arr = arr.filter(function(e){return e}); 

Exemple :

arr = ["hello",0,"",null,undefined,1,100," "]  
arr.filter(function(e){return e});

Retour :

["hello", 1, 100, " "]

Answer 4

Une seule ligne :

[1, false, "", undefined, 2].filter(Boolean); // [1, 2]

ou en utilisant underscorejs.org :

_.filter([1, false, "", undefined, 2], Boolean); // [1, 2]
// or even:
_.compact([1, false, "", undefined, 2]); // [1, 2]

Answer 5

Si vous avez Javascript 1.6 ou plus récent, vous pouvez utiliser Array.filter en utilisant une méthode triviale return true fonction de rappel, par exemple :

arr = arr.filter(function() { return true; });

depuis .filter ignore automatiquement les éléments manquants dans le tableau d'origine.

La page MDN dont le lien figure ci-dessus contient également une version de contrôle d'erreurs de l'application suivante filter qui peut être utilisé dans les interpréteurs JavaScript qui ne prennent pas en charge la version officielle.

Notez que cela ne supprimera pas null ni les entrées avec un undefined mais le PO a spécifiquement demandé des entrées "manquantes".