utilisation de src dans un push sur un array.

utilisation de src dans un push sur un array. - HTML/CSS - Programmation

Marsh Posté le 29-12-2009 à 16:58:42    

Bonjour,
J’ai un script dans une page qui rempli un array grâce à un push :

Code :
  1. var cutCol = new Array();
  2. cutCol.push({src:'article_colonnes',col1 : 'col1',col2 : 'col2'});


 
Ensuite on parcours l » tableau de la maniere suivante :

Code :
  1. for(var count=0; i<cutCol.length; i++) {
  2. cutOneColInTwoCol(cutCol[i].src, cutCol[i].col1, cutCol[i].col2);
  3. }


 
N’y connaissant pas grand chose, je voulais avoir plus de détail sur cette commande :

Code :
  1. cutCol.push({src:'article_colonnes',col1 : 'col1',col2 : 'col2'});


 
On remplie la première 'case' du tableau  mais avec quoi, je ne comprends pas du tout :
({src:'article_colonnes',col1 : 'col1',col2 : 'col2'} ???
 
Merci de vos réponses éclairées.

Reply

Marsh Posté le 29-12-2009 à 16:58:42   

Reply

Marsh Posté le 30-12-2009 à 15:32:44    

La méthode "push" est disponible pour les objets de type Array (tableau), ca permet tout simplement d'ajouter un élement, quel que soit son type, à la fin du tableau.
Exemple:

Code :
  1. var tableau = new Array ();
  2. var tableau = []; // même résultat que la ligne précedente, mais de nos jours c'est plutot ainsi qu'on instancie un tableau en JavaScript
  3. tableau.push (10);  // on ajoute un élement au tableau, ici le chiffre 10
  4. tableau.push ("toto" ); // encore un élement en plus dans le tableau, ici la chaine "toto"
  5. tableau.push ({ v1: "valeur1", v2: "valeur2", v3: 33 }); // et encore un élement, ici il s'agit d'un objet
  6. // au final notre tableau contient 3 élements :
  7. document.write (tableau.length); // longueur du tableau, soit le nbre d'élement contenu dans celui-ci, ici c'est 3  
  8. document.write (tableau[0]); // renvoit 10
  9. document.write (tableau[1]); // renvoit "toto"
  10. document.write (tableau[2]); // renvoit la chaine "object", car tel quel, JavaScript ne sait pas quel propriété ou méthode de l'objet tu veux, donc il te converti (cast) au mieux (càd pas terrible dans ce cas là)
  11. var obj = tableau[2];
  12. document.write (obj.v1); // renvoit "valeur1"
  13. document.write (tableau[2].v1); // renvoit "valeur1" aussi puisque il s'agit du même élement
  14. document.write (obj.v2); // renvoit "valeur2"
  15. document.write (obj.v3); // renvoit 33
  16. document.write (obj.v4); // renvoit "undefined" (qui est un mot clé, comme null) car la propriété v4 n'existe pas dans notre objet


 
Voilà, si ca a pu te dépanner.
Pour info, une simple recherche sur google t'aurait donnée la même chose, avec surement plus de détails ;)


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 30-12-2009 à 16:12:45    

oui merci mais c'est surtout  
tableau.push ({ v1: "valeur1", v2: "valeur2", v3: 33 }); // et encore un élement, ici il s'agit d'un objet  
 
que je ne comprends pas.
 
Ah je crois que je viens de comprendre dans la ligne :
{src:'article_colonnes',col1 : 'col1',col2 : 'col2'}
On crée un objet d'attribut src et de valeur article_colonnes (pareil pour col1 et col2)
 
Et dans la ligne:
cutOneColInTwoCol(cutCol[i].src, cutCol[i].col1, cutCol[i].col2);
on utilise les valeurs de l'objet.
 
En fait cela reviendrait à faire :
cutOneColInTwoCol('article_colonnes', 'col1', 'col2');
 
Je comprends mieux.
En tout cas merci de ta réponse. :jap:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed