Discussion :

[Thewil]

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

[RomainVALERI]

exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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)

[le_chomeur]

ou avec un delete :

https://developer.mozilla.org/index....A9ciaux#delete

[RomainVALERI]

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

Merci chomedu !

[Thewil]

Merci de vos réponse. Aucune des deux manières n'est plus appropriée que l'autre ?

[le_chomeur]

elle font la même chose mais différemment

[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é!!!!!)

[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

[RomainVALERI]

Alors un

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

delete tab[2];

serait équivalent à

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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 javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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)

[bigboomshakala]

Alors un

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

delete tab[2];

serait équivalent à

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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

?

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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");
}

[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
empty ???

[franculo_caoulene]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>