Supprimer ligne dans un tableau

Version imprimable

26/05/2009, 09h45
Thewil

Supprimer ligne dans un tableau

Salut à tous,

J'ai déclarer un tableau javascript de la sorte var monTab = new Array()

Il est rempli avec plusieurs éléments et en fait j'aimerai supprimer l'un d'entre eux.
Donc pour cela je parcoure mon tableau et si je trouve l'élément mais c'est la que je bloque.
J'ai vu les méthodes slice() ou splice() mais je ne vois pas trop comment ça marche et pas trop comment supprimer juste l'élément trouvé.

Si qqun pouvait éclairer un peu ma lanterne.

Merci

exemple :

Code:

1
2
3
4
5
 
var tonTab = [0, 1, 2, 3];
tonTab.splice(2, 1);
alert (tonTab);
// affiche >>> [0, 1, 3]

(lien vers la spécif)

26/05/2009, 10h01
le_chomeur

ou avec un delete :

https://developer.mozilla.org/index....A9ciaux#delete
26/05/2009, 10h10
RomainVALERI

8O OMG
Comment j'ai fait pour ne jamais tomber sur cet opérateur, moi ? :?

Merci chomedu ! ;)
26/05/2009, 11h17
Thewil

Merci de vos réponse. Aucune des deux manières n'est plus appropriée que l'autre ?
26/05/2009, 11h21
le_chomeur

elle font la même chose mais différemment :)
26/05/2009, 11h25
bigboomshakala

faites attention quand même. delete et splice n'ont pas la même action

- avec tab.splice(2,1) : [0,1,2,3] devient [0,1,3] où tab[2] = 3 et tab.length = 3
- avec delete tab[2] : [0,1,2,3] devient [0,1,,3] où tab[2] n'existe pas et tab.length = 4 (la taille n'a pas changé!!!!!)
26/05/2009, 11h28
le_chomeur

hummm effectivement :-/

l'un détruit l'élément du tableau en laissant l'emplacement a vide ( null ?? )
et l'autre détruit l'élément DANS le tableau en supprimant également la place.

Merci pour les précisions BBS

Alors un

Code:

delete tab[2];

serait équivalent à

Code:

tab[2] = null;// voire même tab[2] = undefined;

? :?

Ca me rappelle cette mini fonction que j'ai écrite il y a quelques jours pour rendre uniques toutes les valeurs d'un tableau (supprimer les valeurs en doublons), qui acceptait deux types d'appel : en conservant les "cases vides", ou en les supprimant :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 // FONCTION : supprime les doublons dans le tableau courant // PARAM #1 : "tassage" (booléen) : si "équivalent à TRUE", suppression des indices correspondants aux valeurs supprimées (pour éviter les "trous") // RETOUR : tableau (construit à partir du tableau courant) Array.prototype.singleton = function(tassage) { var val, resultat = this.cloner(); for (var i = 0; i < resultat.length - 1; ++i) { for (var j = i + 1; j < resultat.length; ++j) { if (resultat[i] == resultat[j]) { if (tassage) resultat.splice(j--, 1); else resultat[j] = null; } } } return resultat; }
(ps : la méthode Array.prototype.cloner() est une mini fonction maison pour copier un tableau par valeur et éviter de modifier le tableau de départ)

Citation:

Envoyé par RomainVALERI

Alors un

Code:

delete tab[2];

serait équivalent à

Code:

tab[2] = null;// voire même tab[2] = undefined;

? :?

absolument pas. exemple (tiré de la doc du lien précédent) :
Code:

1 2 3 4 5 6 7 8 9 var tonTab = [0, 1, 2, 3]; tonTab[2] = undefined; // on a undefined à la position 2 if (2 in tonTab) { alert ("undefined est le 2ème élément du tableau"); } delete tonTab[2]; // la position 2 est supprimée if (!(2 in tonTab)) { alert ("undefined n'est pas dans le tableau. la position 2 n'existe pas"); }

26/05/2009, 13h39
le_chomeur

c'est justement la question que je me posais :

delete != null != undefined = ????
puisque la position n'existe plus MAIS est toujours présente dans le tableau :cfou:
empty ???

Si une valeur supprimé avec un delete garde sa position et retourne undefined

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title></title>
   <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
   <style type="text/css">
   </style>
</head>
<body>
  <script type="text/javascript">
  var a = [0,1,2,3,4];
  var s = "";
  delete a[2];
  for (var i=0, imax=a.length;i<imax;i++){
    s += a[i] +" - ";
  }
  alert(s);
  </script>
</body>
</html>