Discussion :

[leothelast]

bonjour,

Je butte sur un problème lors de la récupération de données d'un objet. Cette objet est une partie d'un objet plus vaste passé en paramètre au constructeur d'un objet. Il est de la forme suivante:

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
pathData{
        mainFill:"r(0.1,0.2)#fff-#83A1AD-#134E6C-#000",
        actFill:"#d95d02",
        mainFillHovered: "",
        actFillHovered: "",
        mainFillSelected: "",
        actFillSelected: "",
        r: 50,
        node0:{
            phase0:{
                x : 600,
                y : 99,
                toNext:{
                    type: "l"
                }
            }
        }

Lorsque je fais une boucle "for property in pathData" , j'obtiens sans problème l'ensemble des propriétés de premier niveau que sont mainFill, actFill etc... jusqu'à node0. La où ça se corse, c'est lorsque j'essaye d'accéder à l'intérieur de cette boucle à la propriété phase0.

J'ai essayé de faire une nouvelle boucle "for prop in property" afin de récupérer la valeur
de phase0. Je n'ai récupéré qu'une suite de nombre de 0 à 4. Lorsque je fais :

Code :

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

typeof(prop)

J'obtiens "string", ce qui est étrange. J'ai donc essayé d'accéder directement à la propriété en faisant :

Code :

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

property.phase0

et

Code :

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

property["phase0"]

sans succès.

Je pense que mon erreur vient de mon incompréhension du format JSON. Est-ce que quelqu'un peut m'éclairer? Merci!

Ci-dessous le code complet:

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
for(var property in pathData)
            {
 
                if(pathData.hasOwnProperty(property) && property.match(/^node/))
                {            
 
                    for(var prop in property)
                    {
 
                        if(property.hasOwnProperty(prop) && prop.match(/^phase/))
                        {
 
                            for(var p in prop)
                            {
 
                            }
                        }
                    }

[gwyohm]

Bonjour,

Ton problème vient du fait que tu utilises property :

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
for(var property in pathData)
            {
               
                if(pathData.hasOwnProperty(property) && property.match(/^node/))
                {            
            
                    for(var prop in pathData[property])
                    {
                       
                        if(property.hasOwnProperty(prop) && prop.match(/^phase/))
                        {
                            
                            for(var p in property[prop])
                            {
                              
                            }
                        }
                    }

[RomainVALERI]

1) Utilises-tu une librairie JS ? si oui, ça serait dommage de réinventer la poudre. Par exemple, je sais que Prototype gère très bien la manipulation des JSON (serialisation, parsage, etc.), et j'imagine que les autres libs le font aussi.

2) Sinon il serait plus générique et moins fastidieux d'écrire une fonction récursive pour gérer dynamiquement un nombre indéterminé de niveaux...

[leothelast]

Bonjour,

Ton problème vient du fait que tu utilises property :

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
for(var property in pathData)
            {
               
                if(pathData.hasOwnProperty(property) && property.match(/^node/))
                {            
            
                    for(var prop in pathData[property])
                    {
                       
                        if(property.hasOwnProperty(prop) && prop.match(/^phase/))
                        {
                            
                            for(var p in property[prop])
                            {
                              
                            }
                        }
                    }

Merci Gwyohm pour ta réponse. Est-ce que tu pourrais m'expliquer ce que j'ai compris de travers dans la manipulation des objets pour m'être trompé? D'autre part, un autre problème est apparu :

La condition :

Code :

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

property.hasOwnProperty(prop) && prop.match(/^phase/)

ne fonctionne pas. Je me demande si je ne fais pas une erreur du même ordre mais je dois avouer que je ne comprenant cette première erreur...

1) Utilises-tu une librairie JS ? si oui, ça serait dommage de réinventer la poudre. Par exemple, je sais que Prototype gère très bien la manipulation des JSON (serialisation, parsage, etc.), et j'imagine que les autres libs le font aussi.

En fait, je suis vraiment tout débutant en Javascript et je me dit qu'il sera toujours temps de me servir de librairies dont le code est meilleur que le mien. Peut-être est-ce orgueilleux de ma part mais je ne suis pas en production pour l'instant et j'ai peur de passer à côté des bases du langage en m'en servant...

[gwyohm]

Quand tu boucles sur tes propriétés avec un

Code :

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

1
2
3
4
 
for (var foo in bar) {
 
}

a chaque itération tu obtiens dans foo le nom d'une propriété de bar.
Pour accéder à sa valeur, il faut faire

Code :

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

1
2
3
4
 
for (var foo in bar) {
  var value = bar[foo];
}

Quant à ton deuxième problème, c'est le même que le premier :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
//...       
for(var prop in pathData[property])
{
  if(pathData[property].hasOwnProperty(prop) && prop.match(/^phase/))
  {
    for(var p in property[prop])
    {
    }
  }
}