Parcourir un tableau json

**SalutToutLeMonde** · 05/05/2017, 11h11

Bonjour,

J'ai une question sur la syntaxe pour récupérer des données json dans un tableau, pour un tableau comme celui-ci j'y arrive bien :

Fichier data.json :

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
 
{"datajson":[
    { "axis":"12 am", "value":"1000 vues"},
    { "axis":"3 am", "value":"4000 vues"},
    { "axis":"6 am", "value":"6000 vues"},
	{ "axis":"9 am", "value":"1500 vues"},
	{ "axis":"12 pm", "value":"2500 vues"},
	{ "axis":"3 pm", "value":"3500 vues"},
	{ "axis":"6 pm", "value":"4500 vues"},
	{ "axis":"9 pm", "value":"5500 vues"}
],
"datajson1":[
    { "axis":"12 am", "value":"3000 vues"},
    { "axis":"3 am", "value":"5000 vues"},
    { "axis":"6 am", "value":"7000 vues"},
	{ "axis":"9 am", "value":"2500 vues"},
	{ "axis":"12 pm", "value":"3500 vues"},
	{ "axis":"3 pm", "value":"4500 vues"},
	{ "axis":"6 pm", "value":"5500 vues"},
	{ "axis":"9 pm", "value":"6500 vues"}
]
}

Pour récupérer 1000 par exemple je fais :

Code :

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

1
2
3
$.getJSON('data.json', function(data_json) {
span.append(data_json.datajson[0].value)
});

Mais j'ai un problème pour un tableau plus gros comme celui-ci :

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
Fichier data.json :
 
[  
  {  
    "key":"iPhone",
    "values":[  
      {  
        "axis":"Battery Life",
        "value":0.2
      },
      {  
        "axis":"Brand",
        "value":0.28
      },
      {  
        "axis":"Contract Cost",
        "value":0.29
      },
      {  
        "axis":"Design And Quality",
        "value":0.17
      },
      {  
        "axis":"Have Internet Connectivity",
        "value":0.22
      },
      {  
        "axis":"Large Screen",
        "value":0.02
      },
      {  
        "axis":"Price Of Device",
        "value":0.21
      },
      {  
        "axis":"To Be A Smartphone",
        "value":0.50
      }
    ]
  },
  {  
    "key":"Samsung",
    "values":[  
      {  
        "axis":"Battery Life",
        "value":0.27
      },
      {  
        "axis":"Brand",
        "value":0.16
      },
      {  
        "axis":"Contract Cost",
        "value":0.35
      },
      {  
        "axis":"Design And Quality",
        "value":0.13
      },
      {  
        "axis":"Have Internet Connectivity",
        "value":0.20
      },
      {  
        "axis":"Large Screen",
        "value":0.13
      },
      {  
        "axis":"Price Of Device",
        "value":0.35
      },
      {  
        "axis":"To Be A Smartphone",
        "value":0.38
      }
    ]
  },
  {  
    "key":"Nokia Smartphone",
    "values":[  
      {  
        "axis":"Battery Life",
        "value":0.26
      },
      {  
        "axis":"Brand",
        "value":0.10
      },
      {  
        "axis":"Contract Cost",
        "value":0.30
      },
      {  
        "axis":"Design And Quality",
        "value":0.14
      },
      {  
        "axis":"Have Internet Connectivity",
        "value":0.22
      },
      {  
        "axis":"Large Screen",
        "value":0.04
      },
      {  
        "axis":"Price Of Device",
        "value":0.41
      },
      {  
        "axis":"To Be A Smartphone",
        "value":0.30
      }
    ]
  }
]

Imaginons que je veuille récupérer la valeur 0.2 de Iphone, je n'arrive pas à trouver la bonne syntaxe.

Code :

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

1
2
3
$.getJSON('data.json', function(data_json) {
span.append(data_json.Ici je ne sais pas quoi mettre)
});

Voilà si quelqu'un peut me venir en aide, j'ai essayé des combinaisons mais sans succès.

**SpaceFrog** · 05/05/2017, 12h05

https://jsfiddle.net/sdeh0q20/

**SalutToutLeMonde** · 05/05/2017, 14h54

Déjà merci pour ta réponse, ensuite ton code marche impec si je mets tout le code dans un même fichier, mais je voudrais que le json soit situé dans mon fichier data.json.

Du coup j'ai essayé quelque chose comme ça en reprenant ton code :

Code :

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

1
2
3
4
5
6
7
 
$.getJSON("data.json", function(k,v) {
	if(k="iPhone"){ 
	console.log( v.values[0].axis + " => " + v.values[0].value );
	return false;
	}
}) ;

Mais sans grand succès...

En ayant mis dans mon fichier data.json :

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
 
[  
  {  
    "key":"iPhone",
    "values":[  
      {  
        "axis":"Battery Life",
        "value":0.2
      },
      {  
        "axis":"Brand",
        "value":0.28
      },
      {  
        "axis":"Contract Cost",
        "value":0.29
      },
      {  
        "axis":"Design And Quality",
        "value":0.17
      },
      {  
        "axis":"Have Internet Connectivity",
        "value":0.22
      },
      {  
        "axis":"Large Screen",
        "value":0.02
      },
      {  
        "axis":"Price Of Device",
        "value":0.21
      },
      {  
        "axis":"To Be A Smartphone",
        "value":0.50
      }
    ]
  },
  {  
    "key":"Samsung",
    "values":[  
      {  
        "axis":"Battery Life",
        "value":0.27
      },
      {  
        "axis":"Brand",
        "value":0.16
      },
      {  
        "axis":"Contract Cost",
        "value":0.35
      },
      {  
        "axis":"Design And Quality",
        "value":0.13
      },
      {  
        "axis":"Have Internet Connectivity",
        "value":0.20
      },
      {  
        "axis":"Large Screen",
        "value":0.13
      },
      {  
        "axis":"Price Of Device",
        "value":0.35
      },
      {  
        "axis":"To Be A Smartphone",
        "value":0.38
      }
    ]
  },
  {  
    "key":"Nokia Smartphone",
    "values":[  
      {  
        "axis":"Battery Life",
        "value":0.26
      },
      {  
        "axis":"Brand",
        "value":0.10
      },
      {  
        "axis":"Contract Cost",
        "value":0.30
      },
      {  
        "axis":"Design And Quality",
        "value":0.14
      },
      {  
        "axis":"Have Internet Connectivity",
        "value":0.22
      },
      {  
        "axis":"Large Screen",
        "value":0.04
      },
      {  
        "axis":"Price Of Device",
        "value":0.41
      },
      {  
        "axis":"To Be A Smartphone",
        "value":0.30
      }
    ]
  }
]

**SpaceFrog** · 05/05/2017, 15h32

je boucle sur le json ...

**SalutToutLeMonde** · 05/05/2017, 16h03

Finalement c'est bon, j'avais juste à mettre correctement mon $.getJSON autour du code que tu as fait. Ca marche nickel. Merci pour ton aide

.

**SalutToutLeMonde** · 10/05/2017, 16h24

Bonjour,

Désolé j'ai du aller un peu vite l'autre jour, en mettant ce sujet en résolu sans bien tout vérifier, mais j'ai un problème, dans ton code que tu m'a donné ici :

https://jsfiddle.net/sdeh0q20/

Si on change le if en mettant k="Samsung" par exemple, ça affichera quand même la valeur qu'il y a dans iPhone

. Pareil si je remplace en mettant k ="Nokia Smartphone", ça affichera toujours ce qu'il y a dans le k="iPhone".

Désolé pour le double-post aussi du coup c:

**NoSmoking** · 10/05/2017, 18h23

Bonjour,
le code a été écrit un peu rapidement, il faut lire

Code :

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

1
2
3
if (v.key == 'Samsung') {
  // bla...bla
}

je pense que tu aurais pu trouver avec un minimum de recherche

• jQuery.each()

**SpaceFrog** · 11/05/2017, 08h40

TU peux en faire une fonction pour variabliliser v.key

Code :

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

1
2
3
4
5
function getInfo(marque) {
.../...
if (v.key == marque)
.../...
}

**SalutToutLeMonde** · 11/05/2017, 09h48

Très bien, merci à vous deux pour votre aide

.

Parcourir un tableau json

JavaScript

Discussions similaires

Partager

Partager