Discussion :

[Finality]

Bonjour tout le monde,

j'aurais aimer savoir si en json, il était possible d'appliquer un système de clé / valeur sur un tableau, dans ce style là :

Code :

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

1
2
 
{montableau: ['c5' => {id: 5, name: 'Bahrein'}]

Après quelques recherches sur Google, je n'ai rien trouvé ce qui me tend à penser que c'est impossible, mais j'aimerai bien en avoir le coeur net.

Je vous remercie pour votre aide,
Cordialement

Finality

[SpaceFrog]

j'ai pas trop compris le but final ?

Code :

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

1
2
montableau= {c5:{id: 5, name: 'Bahrein'}}
alert(montableau.c5.id)

Code :

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

1
2
3
4
5
 
var montableau=new Array()
montableau['c5']={id: 5, name: 'Bahrein'}
alert(montableau.c5.name)
alert(montableau['c5'].name)

??

[Finality]

Salut SpaceFrog,

tout d'abord merci pour ta réponse, et désolé si je me suis mal exprimé. Donc tout d'abord, ce code serait pour un json island.

En fait j'aimerai créé un tableau en json comprenant plusieurs objets (l'exemple que j'ai donné était mauvais car il n'y avait qu'un seul objet). Voilà ce que j'aimerai faire :

Code :

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

1
2
3
4
5
 
{montableau: ['c5' => {id: 5, name: 'Bahrein'},'c6' => {id: 6, name: 'Breme'}]
 
data = eval(ma_json_island);
alert(data.montableau['c5'].name);

J'ai pensé aussi à la première solution que tu as donné : passer par un objet plutot que par un tableau. Le problème est que ma clé (ici c5) provient d'une concaténation de 2 chaînes. Je dois donc utiliser un eval.

Si l'utilisation de tels tableaux est possible, cela m'évite de passer par le eval (je te l'accorde, le gain de perf sera certainement minime, mais j'ai aussi posé cette question pour apprendre ).

Encore merci
Finality

[SpaceFrog]

Je t'avoue ne pas saisir ta contrainte de concaténation ?

Code :

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

1
2
3
4
var montableau=new Array()
montableau['c'+'5']={id: 5, name: 'Bahrein'}
montableau['c'+'6']={id: 6, name: 'Breme'}
alert(montableau['c5'].name)

?

[Bovino]

Salut.

Selon moi, ta question n'a aucun sens (attention, je n'ai pas dit qu'elle n'avait pas d'intérêt ).
Les tableaux associatifs n'existent pas en JavaScript et à vrai dire, les tableaux indicés ne sont que des Object dotés d'un prototype étendu.
Donc quelle que soit ta façon de procéder, tu obtiendras toujours un Object.

[Finality]

En fait ce que tu viens de montrer (dans ton dernier message), c'est exactement ce que je veux obtenir, mais en JSON.

Bon pour être plus explicite (je sens qu'on a du mal à se comprendre ), voilà le code entier :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<div id="json_island">
<!-- {montableau: ['c5' => {id: 5, name: 'Bahrein'},'c6' => {id: 6, name: 'Breme'}]} -->
</div>
 
<script type="text/javascript">
var island = document.getElementById('json_island').firstChild;
var the_data = eval('(' + island.data + ')');
raceways = eval('(' + island.data + ')');
</script>

et j'aimerai par la suite faire :

Code :

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

1
2
 
alert(raceways.montableau['c5'].name);

mais l'opérateur => semble ne pas exister en JSON. d'où ma question : est-il possible de faire ça ?

J'espère avoir été clair

EDIT

Salut.

Selon moi, ta question n'a aucun sens (attention, je n'ai pas dit qu'elle n'avait pas d'intérêt ).
Les tableaux associatifs n'existent pas en JavaScript et à vrai dire, les tableaux indicés ne sont que des Object dotés d'un prototype étendu.
Donc quelle que soit ta façon de procéder, tu obtiendras toujours un Object.

Ah voilà donc c'est impossible . Je m'en doutais un peu vu le peu de résultats sur Google, ..., mais au moins j'en ai le coeur net

Merci à vous deux, et désolé si je n'ai pas été clair pour expliquer mon problème

Finality

[SpaceFrog]

Code :

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

1
2
3
4
5
6
7
<div id="json_island">
{c5: {id: 5, name: 'Bahrein'},c6: {id: 6, name: 'Breme'}}</div>
<script>
var island = document.getElementById('json_island').innerHTML;
raceways = eval('(' + island + ')');
alert(raceways.c5.name)
</script>

???

[Finality]

Oui je suis d'accord avec toi SpaceFrog (à défault d'arriver à faire marcher le coup du tableau, j'ai fait exactement ce que tu montres). Mais regardes, j'obtiens l'identifiant de l'objet dont je veux afficher le nom par une chaine, ce qui me donne :

Code :

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

1
2
 
alert(eval("the_data.c" + 5 + ".name"));

Du coup là je passe par un eval, alors qu'avec les tableaux (si c'était possible), je n'avais pas besoin de l'éval

[SpaceFrog]

??????
pas besoin d'eval :

Code :

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

1
2
3
4
5
6
7
<div id="json_island">
{c5: {id: 5, name: 'Bahrein'},c6: {id: 6, name: 'Breme'}}</div>
<script>
var island = document.getElementById('json_island').innerHTML;
raceways = eval('(' + island + ')');
alert(raceways['c'+'5'].name)
</script>

[Bovino]

Pour ma part, j'ai quand même du mal à comprendre l'intérêt de

Code html :

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

1
2
3
<div id="json_island">
<!-- {c5: {id: 5, name: 'Bahrein'},c6: {id: 6, name: 'Breme'}} -->
</div>

par rapport à

Code :

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

1
2
3
<script type="text/javascript">
json_island = {c5: {id: 5, name: 'Bahrein'},c6: {id: 6, name: 'Breme'}}
</script>

[Finality]

??????
pas besoin d'eval :

Code :

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

1
2
3
4
5
6
7
<div id="json_island">
{c5: {id: 5, name: 'Bahrein'},c6: {id: 6, name: 'Breme'}}</div>
<script>
var island = document.getElementById('json_island').innerHTML;
raceways = eval('(' + island + ')');
alert(raceways['c'+'5'].name)
</script>

Ah autant pour moi, je savais pas que tu pouvais accéder à un propriété d'un objet en passant par []. En effet, ma question et mes réponses ont alors plus aucun sens. Je m'en excuse encore...

Pour ma part, j'ai quand même du mal à comprendre l'intérêt de

Code html :

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

1
2
3
<div id="json_island">
<!-- {c5: {id: 5, name: 'Bahrein'},c6: {id: 6, name: 'Breme'}} -->
</div>

par rapport à

Code :

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

1
2
3
<script type="text/javascript">
json_island = {c5: {id: 5, name: 'Bahrein'},c6: {id: 6, name: 'Breme'}}
</script>

Bah disons que dans la réalité, j'ai plus de 1000 objet json, que j'utilise dans des cas précis. Les stocker dans le html sous forme de commentaires me permet ainsi d'éviter d'alourdir le javascript pour rien

En tout cas merci à vous deux, j'aurais appris pas mal de choses entre hier et aujourd'hui

[SpaceFrog]

javascript a cet avantage de transversalité en js ou json d'avoir une synytaxe souple

que ce soit un array un json ou un autre type d'objet on accède au membres ou aux éléments avec

Code :

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

obj.prop

ou

Code :

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

obj[prop]

la seconde permettant la concaténation

Code :

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

obj['pr'+'op']

[Finality]

Oki je pensais que la syntaxe était plus stricte. C'est clair que vu comme cela, mes problèmes sont tous résolus

En tout cas merci encore pour ton aide et tes explications

Finality

[SpaceFrog]

Nombreux sont ceux qui reprochent à javascript sa lègèreté de syntaxe..
Moi je l'apprécie pour ça

[Finality]

Bah on peut trouver du bien et du contre. Mais c'est vrai que parfois c'est bien pratique, et ça fait gagner un temps fou