Déclarer un tableau

Bonjour,

Je collecte les positons de plusieurs stations que je dois afficher sur une Map

Exemple de deux stations:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

export const markers = [ // San Francisco { latitude: 37.7749, longitude: -122.4194, latitudeDelta: 0.01, longitudeDelta: 0.01, name: 'San Francisco City Center' }, { latitude: 37.8077, longitude: -122.475, latitudeDelta: 0.01, longitudeDelta: 0.01, name: 'Golden Gate Bridge' } ];

---

J'ai compris qu'en faisant ceci, ca fonctionne mais j'ai une erreur

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

const myMrker = [   ]     data?.stations.map((s) => { myMrker.push({ latitude : s.lat, longitude : s.lng, latitudeDelta : 0.2, longitudeDelta: 0.2, name: s.station_longname }) }) console.log(myMarker)

---

Visual Studio Code me souligne myMarker
Pièce jointe 663281

Si je le modifie ainsi, j'ai une autre erreur plus

Code:

---

1 2 3

const myMArker:any = [   ]

---

Pièce jointe 663282

Je pense que ceci est parce que mon tableau a à mélange de types (4 number et 1 string)

J'ai essayé ceci sachant que cela ne fonctionnera pas avec un push

Code:

---

1 2 3 4 5 6 7

const myMArker = { latitude: number, longitude: number, latitudeDelta: number, longitudeDelta: number, name: string }

---

Ma question est comment bien déclarer ce tableau ou est-ce que c'est au niveau de ma map(), que je dois vérifier ceci?

Merci pour vos lumières et bonne année à vous

attention a tes majuscules/minuscules, sois consistant.

le mieux pour t'entrainer est de declarer ton type avant

Code:

---

1 2 3 4 5 6 7

type Marker = { latitude: number; longitude: number; latitudeDelta: number; longitudeDelta: number; name: string; };

---

puis, dans ton code, quand tu declares ta variable, tu lui dit d'etre de ce type

Code:

---

const markers:Marker[] = []; // note : ici je dis que c'est un tableau de "Marker"

---

ainsi, tu pourras utiliser le push() et n'importe quelle autre function lie aux tableaux

Salut Doksuri

Merciiiii beaucoup!!!

Citation:

---

attention a tes majuscules/minuscules, sois consistant.

---

Que veux-tu dire par là?
Il est recommandé ou obligatoire de nommer le typage avec la première lettre en majuscule et les const tout en minuscule, comme tu le propose?

dans les exemples que t'as fournis, t'as :

const markers...
const myMrker...
const myMArker...

c'est un coup a se tromper de variable ;)

Oui ne effet, merci!

Hello

je voulais savoir si tu pouvais encore m'aider dans ce type de problème. J'ai passé la journée à me prendre le chous, sûrement en train de tourner autour de la solution :D

Je dois reproduire ca, dynamiquement

Code:

---

1 2 3 4 5 6 7 8 9 10

const DATA = [ { title: 'Mesures', data: [ [{value: 1, label: "RRRR"}, {value: 2}, {value: 3}, {value: 4}], [{value: 4}, {value: 3}, {value: 2}, {value: 1}], [{value: 1}, {value: 1}, {value: 3}, {value: 6}] ], } ];

---

J'a essayé milles choses, alors je laisse ce que j'ai en dernier :D

Mon type est le suivant 8O

Code:

---

1 2 3 4

type Donnees={ title:string | undefined, data: [] }

---

Je déclare ma valiable dont le contenu (ou disons plus tôt la structure) doit être le même (au final) que DATA.

Je map mes mesures

Code:

---

1 2 3 4

measures?.map((d,i) => { console.log("ZZZZZZ:") console.log(d.datasets?.data) }

---

le console log m'affiche

Citation:

---

[{"dataPointText": 26.9, "date": "2023-06-22 12:24:58", "label": "Jun-22", "value": 26.9}, {"dataPointText": 28.3, "date": "2023-06-22 12:42:21", "value": 28.3}, {"dataPointText": 29.8, "date": "2023-06-22 12:59:50", "value": 29.8}, {"dataPointText": 28, "date": "2023-06-22 13:17:20", "value": 28}]

---

ce qui représente mon premier graph pour le premier capteur

Donc pour le moment je devrais avoir ca (pour mon premier passe dans 'measures

Code:

---

1 2 3 4 5 6 7 8 9 10

const DATA = [ { title: 'Mesures', data: [ [{"dataPointText": 26.9, "date": "2023-06-22 12:24:58", "label": "Jun-22", "value": 26.9}, {"dataPointText": 28.3, "date": "2023-06-22 12:42:21", "value": 28.3}, {"dataPointText": 29.8, "date": "2023-06-22 12:59:50", "value": 29.8}, {"dataPointText": 28, "date": "2023-06-22 13:17:20", "value": 28}], [{value: 4}, {value: 3}, {value: 2}, {value: 1}], [{value: 1}, {value: 1}, {value: 3}, {value: 6}] ], } ];

---

Puis dans mon deuxième passe dans 'measures', il doit a remplacer

Code:

---

1 2	[{value: 4}, {value: 3}, {value: 2}, {value: 1}], [{value: 1}, {value: 1}, {value: 3}, {value: 6}]

---

Je pense que vous me suiver.

Mon problème et que je n'arrive paaaaas à faire cette construction dynamique, et je pense que je déclare ma mes const. Voici le suite de mon map

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

const donnees:Donnees[]=[] measures?.map((d,i) => { console.log("ZZZZZZ:") console.log(d.datasets?.data)   donnees.push({ title: d.datasets?.label, data: d.datasets?.data //value: d.datasets?.data?.[0], } //d.datasets?.data?.[0] //data: d.datasets?.data?.[i], ) })   CS Code m'arriche une erreur à niveau de data: d.datasets?.data Pièce jointe 663392   PS; j'avais, avant definie, label, value, date, ect dans data, mais toutes mes tentatives ont évhouées. Alors si vous pouviez m'aider, ca me serait, mais grandement utile :D   Toute belle soirée console.log("Donnee") console.log(donnees)

---

J'ai finallement réussi, mais ce que j'ai galèré!!!

Code:

---

1 2 3 4 5 6 7 8 9 10 11

const dataset = new Array() measures?.map((d,i) => { dataset.push( { title: { title: d.datasets?.label, fontawesome: d.sensor_type_awe }, data: [d.datasets?.data] }) })

---