table associatif en JAVASCRIPT

**moukit233** · 15/07/2009, 15h04

salut tout le monde,
je suis en train de developpez un site web.......
j'ai developp� une fonction js pour ajouter de clients dans un dojox.grid,
dans cette fonction j'ai cre� un tableau pour stocker les lignes ajouter dans le grid
voici le code de cette fonction.js

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
 
 var tabNewVal = new Array();
     function gotVal(items, request){
         for (var i = 0; i < items.length; i++) { 
             //recuperation des valeurs
             id   = grid.store.getValue(items[i], "id");
             nom = grid.store.getValue(items[i], "nom");
             prenom   = grid.store.getValue(items[i], "prenom");
 
             tab[i] = new Array(id, nom, prenom);
         }
     } 
     grid.store.fetch({query: {}, onComplete: gotVal}); 
 
     var tab = new Array();
     tab = dojo.toJson(tabNewVal, true);
     alert(tab);

mais j'ai trouv� un diffuculte pour recuperer les valeur stocke� dans la tableu
vous pouvez m'aidez?

ou un moyen pour declarer un tableau associatif c a dire :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
 
 
var tab = new array('id'=> 'valeur','nom'=>'valeur','prenom'=>'valeur'))

mais en javascript
vous vouyez???

merci d'avance

**nod__** · 15/07/2009, 15h12

Les tableaux associatifs n'existent pas en javascript.

Les objets par contre...

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

var objet = {"id":"valeur", "nom":"valeur"};

etc. Tu remarqueras aussi que c'est exactement le format JSON, elle est pas belle la vie ?

(et a noter que tu peux mal utiliser les Array() pour faire ce que tu veux, mais c'est mal et moins efficace).

**RomainVALERI** · 15/07/2009, 15h25

Je ne connais pas Dojo mais je sais que la lib Prototype fournit un objet Hash qui apporte de nombreuses m�thodes tr�s utiles aux tableaux associatifs que tu d�cris : peut-�tre existe-t-il un �quivalent dans l'API de Dojo ?

**SpaceFrog** · 15/07/2009, 15h56

Les tableaux associatifs n'existent pas en javascript.

heu comment appelles tu ceci:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
tabasso=new Array();
tabasso['un']=1;
tabasso['deux']=2;
 
alert(tabasso['deux'])

array litt�ral ... la nuance est subtile ...

**emmanuel.remy** · 15/07/2009, 16h11

Salut,

Envoy� par nod__

Les tableaux associatifs n'existent pas en javascript.

Les objets par contre...

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

var objet = {"id":"valeur", "nom":"valeur"};

etc. .

Humm ... Depuis quand "les tableaux associatifs n'existent pas en javascript" ? Si je ne me trompe, un objet EST un tableau associatif !

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
    var objet = {"id":"valeur", "nom":"Dupont"};
    alert(objet["id"]);
 
    objet["prenom"]="Eric";
    alert(objet["prenom"] + " "+ objet["nom"]);

@moukit233: ton store impl�mente l'interface dojo.data.api.Write, tu disposes donc d'une fonction isDirty(item) qui indique si l'item a �t� modifi�. Et comme je suppose que tu utilises un ItemFileWriteStore, tu disposes aussi d'un tableau _pending._newItems qui enregistre ni plus ni moins que les items ajout� au store. Tu devrais peut-�tre plus simplement l'utiliser.

N�anmoins si tu persistes dans ta d�marche, et comme RomainVALERI le pressentais

, il existe un package dojox.collections qui dispose d'une class Dictionary qui correspond � ce que tu veux faire.

ERE

**franculo_caoulene** · 15/07/2009, 16h24

Les tableaux associatifs n'existent pas en javascript :

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
21
22
<!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>Les tableaux associatifs n existent pas en javascript</title>
  <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
  <style type="text/css">
  /* code css */
  </style>
</head>
<body>
  <!-- code xhtml -->
  <script type="text/javascript">
  <!--
  tabasso=new Array();
  tabasso['un']=1;
  tabasso['deux']=2;
 
  alert(tabasso.length)
  //-->
  </script>
</body>
</html>

On utilise un moyen d�tourn� pour les cr�er, les propri�t�s d'objets. Dans l'exemple ci-dessus on voit bien que le tableau � une taille de 0, car on a affect� des valeurs � ses propri�t�s et non ajout� des valeurs au tableau.

**Bovino** · 15/07/2009, 16h31

Envoy� par franculo_caoulene

Les tableaux associatifs n'existent pas en javascript :

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
21
22
<!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>Les tableaux associatifs n existent pas en javascript</title>
  <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
  <style type="text/css">
  /* code css */
  </style>
</head>
<body>
  <!-- code xhtml -->
  <script type="text/javascript">
  <!--
  tabasso=new Array();
  tabasso['un']=1;
  tabasso['deux']=2;
 
  alert(tabasso.length)
  //-->
  </script>
</body>
</html>

On utilise un moyen d�tourn� pour les cr�er, les propri�t�s d'objets. Dans l'exemple ci-dessus on voit bien que le tableau � une taille de 0, car on a affect� des valeurs � ses propri�t�s et non ajout� des valeurs au tableau.

Pour ma part, je suis aussi de cet avis, autre d�monstration :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
tabasso=new Array();
  tabasso['un']=1;
  tabasso['deux']=2;
 
  alert(tabasso.un)

qui d�montre bien que un est une propri�t� de tabasso et donc qu'il s'agit d'un objet et non d'un tableau.

**nod__** · 15/07/2009, 16h32

h�h� m�me pas besoin de r�pondre, merci franculo_caoulene et bovino, j'aurais pas dit mieux

On s'en sort parce que tout est objet en JS.

a noter que tu peux mal utiliser les Array() pour faire ce que tu veux, mais c'est mal et moins efficace

j'avoue y'a des jours ou j'adore me citer

**SpaceFrog** · 15/07/2009, 16h33

franculo ...
le coup du length de l'array asso a d�ja ete trait� dans les contributions me semble-t-il un boucle for in avec hasOwnProperty...
et pour moi ce n'est pas parce qu'il n'arrive pas � donner directement un length que c'est pas un tableau asso m�me si on passe par des "propri�t�s"

objet json ou array � propri�t� apr�s avec un ensemble de prototypes on peut rapidement combler cette petite lacune de javascript

**nod__** · 15/07/2009, 16h34

Franchement je trouve que ce n'est pas une lacune. L'existence d'un objet Array est d�j� suffisamment diffuse pour pas rajouter encore les tableaux associatifs.

**Bovino** · 15/07/2009, 16h43

Envoy� par SpaceFrog

franculo ...
le coup du length de l'array asso a d�ja ete trait� dans les contributions me semble-t-il un boucle for in avec hasOwnProperty...
et pour moi ce n'est pas parce qu'il n'arrive pas � donner directement un length que c'est pas un tableau asso m�me si on passe par des "propri�t�s"

objet json ou array � propri�t� apr�s avec un ensemble de prototypes on peut rapidement combler cette petite lacune de javascript

Dans ce cas, ce comportement doit �tre consid�r� comme �trange :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
tabasso=new Array();
  tabasso['un']=1;
  tabasso['deux']=2;
 
  alert(tabasso.length);
  tabasso.push('cinq');
  alert(tabasso.length);

**SpaceFrog** · 15/07/2009, 16h46

prototype Beef

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

Array.prototype.push_elt=function()

**emmanuel.remy** · 15/07/2009, 23h20

Re,

Sans rentrer dans un d�bat qui d�passe le simple cadre de ce post, je trouve quand m�me que ass�ner � quelqu'un que "Javascript ne g�re pas les tableaux associatifs" rel�ve de la s�mantique plut�t que du pragmatisme.
Ok les tableaux associatifs n'existent pas au sens strict du terme tel qu'on les connait et qu'on les d�finit par exemple en PHP (a priori la r�f�rence de moukit233). D'un autre c�t� une simple recherche sur le net avec les mots cl�s javascript tableau associatif renvoie de multiples r�ponses et tutoriels. Idem sur nos forums...

De l� expliquer que Objet <=> Tableau associatif ne ma parait pas d�lirant, quitte � bien mettre en avant que c'est avant tout un Objet et non particuli�rement un Array ou autre. Et de montrer: (uniquement un exercice de style

)

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
 
    var d= new Date();
    //ou var d = new RegExp(...)
    //... ou var d = new Array(); mais on est bien d'accord alors que ce qui 
    //nous intéresse est uniquement le fait que Array soit un Object...
    d["nom"]="DUPONT";
    d["prenom"]="Marc";
    alert(d["prenom"] + " " + d["nom"]);

Et comme on parle d'Objet et non de Array, je ne vois pas pourquoi on se pose la question du .length

ERE

**moukit233** · 11/08/2009, 13h58

bonjour
merci de votre reponse

moi j'ai trouv� une moyenne pour creer un tableau associatif en javascript :

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
21
 
  var tableau = new Array();
 
     grid.store.fetch({query: {}, onComplete: function(items, request){
     var tab= new Array(); 
     for (var i = 0; i < items.length; i++) { 
 
 
     var obj = { 
 
             id                 : grid.store.getValue(items[i], "id"),
             champ1             : grid.store.getValue(items[i], "champ1"),              
             champ2             : grid.store.getValue(items[i], "champ2"),
             champ3             : grid.store.getValue(items[i], "champ3")
             };
     tab.push(obj); 
     } 
     tableau = dojo.toJson(tab, true); 
 
     }
     });

Bon dev

table associatif en JAVASCRIPT

JavaScript

Discussions similaires

Partager

Partager