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

**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

Vue hybride

Discussions similaires

Partager

Partager