Parcourir un tableau multidimensionnel

**djo007** · 01/08/2017, 23h51

Bonjour à tous

j'ai un petit souci pour récupérer des valeurs dans un tableau multidimensionnel généré par MAPS (voir code ci-dessous)
mon programme est sous IONIC avec AngularJS.

Le server IONIC me retourne l'erreur suivante : Cannot read property 'results' of undefined

Ma manière de procéder est peut être pas la bonne..

Quand je fais {{ dataMaps | json}}
j'ai bien le tableau multidimensionnel qui s'affiche

et Quand je fait {{ dataMaps.results[1].address_components["0"].long_name }}
J'ai cette fameuse erreur "Cannot read property 'results' of undefined"
Dans le cas actuel je vais rechercher le nom de la ville..

Tableau multidimensionnel: https://maps.googleapis.com/maps/api...2613,1.0561542

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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
 
{
   "results" : [
      {
         "address_components" : [
            {
               "long_name" : "Quai de la Presqu'île Rollet",
               "short_name" : "Quai de la Presqu'île Rollet",
               "types" : [ "route" ]
            },
            {
               "long_name" : "Rouen",
               "short_name" : "Rouen",
               "types" : [ "locality", "political" ]
            },
            {
               "long_name" : "Seine-Maritime",
               "short_name" : "Seine-Maritime",
               "types" : [ "administrative_area_level_2", "political" ]
            },
            {
               "long_name" : "Normandie",
               "short_name" : "Normandie",
               "types" : [ "administrative_area_level_1", "political" ]
            },
            {
               "long_name" : "France",
               "short_name" : "FR",
               "types" : [ "country", "political" ]
            },
            {
               "long_name" : "76100",
               "short_name" : "76100",
               "types" : [ "postal_code" ]
            }
         ],
         "formatted_address" : "Quai de la Presqu'île Rollet, 76100 Rouen, France",
         "geometry" : {
            "bounds" : {
               "northeast" : {
                  "lat" : 49.441984,
                  "lng" : 1.0612965
               },
               "southwest" : {
                  "lat" : 49.4416673,
                  "lng" : 1.058722
               }
            },
            "location" : {
               "lat" : 49.4416837,
               "lng" : 1.0599063
            },
            "location_type" : "GEOMETRIC_CENTER",
            "viewport" : {
               "northeast" : {
                  "lat" : 49.44317463029149,
                  "lng" : 1.061358230291502
               },
               "southwest" : {
                  "lat" : 49.4404766697085,
                  "lng" : 1.058660269708498
               }
            }
         },
         "place_id" : "ChIJj6pr3__d4EcRpBG_Y130GFQ",
         "types" : [ "route" ]
      },
      {
         "address_components" : [
            {
               "long_name" : "Rouen",
               "short_name" : "Rouen",
               "types" : [ "locality", "political" ]
            },
            {
               "long_name" : "Seine-Maritime",
               "short_name" : "Seine-Maritime",
               "types" : [ "administrative_area_level_2", "political" ]
            },
            {
               "long_name" : "Normandie",
               "short_name" : "Normandie",
               "types" : [ "administrative_area_level_1", "political" ]
            },
            {
               "long_name" : "France",
               "short_name" : "FR",
               "types" : [ "country", "political" ]
            }
         ],
         "formatted_address" : "Rouen, France",
         "geometry" : {
            "bounds" : {
               "northeast" : {
                  "lat" : 49.465241,
                  "lng" : 1.152109
               },
               "southwest" : {
                  "lat" : 49.4172921,
                  "lng" : 1.030238
               }
            },
            "location" : {
               "lat" : 49.44323199999999,
               "lng" : 1.099971
            },
            "location_type" : "APPROXIMATE",
            "viewport" : {
               "northeast" : {
                  "lat" : 49.465241,
                  "lng" : 1.152109
               },
               "southwest" : {
                  "lat" : 49.4172921,
                  "lng" : 1.0310007
               }
            }
         },
         "place_id" : "ChIJq_pxynbe4EcR1pOfpO-rHD0",
         "types" : [ "locality", "political" ]
      },
      {
         "address_components" : [
            {
               "long_name" : "76100",
               "short_name" : "76100",
               "types" : [ "postal_code" ]
            },
            {
               "long_name" : "Rouen",
               "short_name" : "Rouen",
               "types" : [ "locality", "political" ]
            },
            {
               "long_name" : "Seine-Maritime",
               "short_name" : "Seine-Maritime",
               "types" : [ "administrative_area_level_2", "political" ]
            },
            {
               "long_name" : "Normandie",
               "short_name" : "Normandie",
               "types" : [ "administrative_area_level_1", "political" ]
            },
            {
               "long_name" : "France",
               "short_name" : "FR",
               "types" : [ "country", "political" ]
            }
         ],
         "formatted_address" : "76100 Rouen, France",
         "geometry" : {
            "bounds" : {
               "northeast" : {
                  "lat" : 49.449994,
                  "lng" : 1.1105128
               },
               "southwest" : {
                  "lat" : 49.4172042,
                  "lng" : 1.0302042
               }
            },
            "location" : {
               "lat" : 49.4339688,
               "lng" : 1.0775888
            },
            "location_type" : "APPROXIMATE",
            "viewport" : {
               "northeast" : {
                  "lat" : 49.449994,
                  "lng" : 1.1105128
               },
               "southwest" : {
                  "lat" : 49.4172042,
                  "lng" : 1.0302042
               }
            }
         },
         "place_id" : "ChIJowoSmQ_e4EcRwHvKj0sUDBw",
         "types" : [ "postal_code" ]
      },
      {
         "address_components" : [
            {
               "long_name" : "Seine-Maritime",
               "short_name" : "Seine-Maritime",
               "types" : [ "administrative_area_level_2", "political" ]
            },
            {
               "long_name" : "Normandie",
               "short_name" : "Normandie",
               "types" : [ "administrative_area_level_1", "political" ]
            },
            {
               "long_name" : "France",
               "short_name" : "FR",
               "types" : [ "country", "political" ]
            }
         ],
         "formatted_address" : "Seine-Maritime, France",
         "geometry" : {
            "bounds" : {
               "northeast" : {
                  "lat" : 50.072097,
                  "lng" : 1.7905889
               },
               "southwest" : {
                  "lat" : 49.250643,
                  "lng" : 0.0655719
               }
            },
            "location" : {
               "lat" : 49.60541869999999,
               "lng" : 0.9748439
            },
            "location_type" : "APPROXIMATE",
            "viewport" : {
               "northeast" : {
                  "lat" : 50.072097,
                  "lng" : 1.7905889
               },
               "southwest" : {
                  "lat" : 49.2506451,
                  "lng" : 0.06557499999999999
               }
            }
         },
         "place_id" : "ChIJMxPYKBzt4EcRQCq1T0gUDAM",
         "types" : [ "administrative_area_level_2", "political" ]
      },
      {
         "address_components" : [
            {
               "long_name" : "Normandie",
               "short_name" : "Normandie",
               "types" : [ "administrative_area_level_1", "political" ]
            },
            {
               "long_name" : "France",
               "short_name" : "FR",
               "types" : [ "country", "political" ]
            }
         ],
         "formatted_address" : "Normandie, France",
         "geometry" : {
            "bounds" : {
               "northeast" : {
                  "lat" : 50.072097,
                  "lng" : 1.8031111
               },
               "southwest" : {
                  "lat" : 48.1798839,
                  "lng" : -1.954995
               }
            },
            "location" : {
               "lat" : 48.87987039999999,
               "lng" : 0.1712529
            },
            "location_type" : "APPROXIMATE",
            "viewport" : {
               "northeast" : {
                  "lat" : 50.072095,
                  "lng" : 1.8031108
               },
               "southwest" : {
                  "lat" : 48.17988400000001,
                  "lng" : -1.95495
               }
            }
         },
         "place_id" : "ChIJh8D4I2y94UcRAuJIEVbx8iY",
         "types" : [ "administrative_area_level_1", "political" ]
      },
      {
         "address_components" : [
            {
               "long_name" : "France",
               "short_name" : "FR",
               "types" : [ "country", "political" ]
            }
         ],
         "formatted_address" : "France",
         "geometry" : {
            "bounds" : {
               "northeast" : {
                  "lat" : 51.1241999,
                  "lng" : 9.6624999
               },
               "southwest" : {
                  "lat" : 41.3253001,
                  "lng" : -5.5591
               }
            },
            "location" : {
               "lat" : 46.227638,
               "lng" : 2.213749
            },
            "location_type" : "APPROXIMATE",
            "viewport" : {
               "northeast" : {
                  "lat" : 51.0891628,
                  "lng" : 9.5597934
               },
               "southwest" : {
                  "lat" : 41.342778,
                  "lng" : -5.1422579
               }
            }
         },
         "place_id" : "ChIJMVd4MymgVA0R99lHx5Y__Ws",
         "types" : [ "country", "political" ]
      }
   ],
   "status" : "OK"
}

Merci d'avance pour l'aide

Invité · 02/08/2017, 16h25

Salut, les address components retournés par google ne sont pas toujours du même nombre.
Du coup tu ne peux pas t'appuyer sur l'indice pour retourner ce que tu veux, sinon ca va te planter et te sortir n'importe quoi. j'ai eu le même cas récemment,c'est drôle

.

IL faut filtrer sur "types" pour récupérer la valeur que tu désires.

Je te donne par exemple ma function pour récupérer uniquement 'administrative_area_level_2' qui est le département dans l'objet Google provenant d'un autoComplete Google:

Code :

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

1
2
3
4
5
6
 
/* GET LE DEPARTEMENT DANS LOBJET GOOGLE AUTOCOMPLETE JE SAIS CEST TORDU*/
var filtered_array = $scope.juriste.objetGoogle.address_components.filter(function(address_component){
	return address_component.types.includes("administrative_area_level_2");
}); 
$scope.juriste.departement = filtered_array.length ? filtered_array[0].long_name: "";

Expliqué autrement : Je choisis dans l'objet GOOGLE uniquement le département, en filtrant. A la fin, je le mets dans ma variable $scope.juriste.departement

**djo007** · 04/08/2017, 00h38

Merci pour ton message

j'ai mis 2 jours à comprendre pourquoi les address components retournés par google ne sont pas toujours du même nombre.

(Je sais ce n'est pas important mais j'avais besoin de me poser la question ^^) bref du coup ca ma permis de comprendre ton code

je rencontre un souci pour la mise en place.. Property 'objetGoogle' does not exist on type 'any[]'.

Pourtant je déclare bien cette propriété un peu plus haut

Code :

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

public objetGoogle: any[];

Invité · 04/08/2017, 14h42

Ben en fait, j'ai trouvé l'astuce du filtrage sur stackOverflow.

je peux pas trop te dire pourquoi tu as cette erreur, ce que je peux te dire c'est que moi, je suis dans le Front End en AngularJs, et que l'"objetGoogle", c'est ce que tu montres dans ton premier post mais que tu peux l'appeler comme tu veux, le nom n'est pas réservé (C'est moi qui l'avait nommé comme ça..).

Ensuite, faut filtrer comme ça l'objet Google :

Code :

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

1
2
3
4
 
objetGoogle.address_components.filter(function(address_component){
	return address_component.types.includes("administrative_area_level_2");
});

Puis la ligne d'après, c'est le gars de stackOverflow qui l'a écrite mais j'ai vu que ça marché pour moi, et comme ça je récupère le département.

Avec ton objet, j'obtiendrais "long_name" : "76100", donc 76100 .

Tout cela se passe dans le front End en langage Front End angularJs, peut être es-tu en angular 2 ou 4 typescript ou en java?.

**djo007** · 04/08/2017, 19h34

angular 2 oui

Invité · 04/08/2017, 21h29

Ah désolé, je n'utilise que angularJS parce que je préfère JS. je trouve ça mieux et + flexible que le langage typescript et angular 4, je ne peux pas aider .

Parcourir un tableau multidimensionnel

AngularJS

Vue hybride

Discussions similaires

Partager

Partager