Rajouter des conditions pour différent affichage dans un tableau

Bonjour,

Je une condition sur data.size qui me change l'affichage pour les grosses valeurs (1000=1k), reçu d'une API, pour mon tableau

Code:

---

1 2 3

<td width="90">{data.price}</td> <td width="80">{data.size > 999 ? (data.size/1000).toFixed(0) + 'k' : data.size}</td> <td width="100">{data.timestamp}</td>

---

je voudrais savoir comment faire pour rajouter des conditions supplémentaires pour cet affichage (genre 1 000 000=1M)

Code:

---

data.size > 999999 ? (data.size/1000000).toFixed(2) + 'M'

---

Mais je ne trouve pas la "syntaxe" pour pouvoir accoler ces 2 conditions (ou même d'une 3eme encore)... j'ai essayé les () et ||(ou) ... dois-je "borner" >datasize> pour écrire la condition?...

Merci de m'éclairer

Bonjour,

Premièrement, il faut prendre en compte le fait que 1 ko n'est pas égal à 1000 o mais plutôt à 1024 o... Il en va de même pour les Mo. 1 Mo = 1024 ko = 1024x1024 o

Pour ce qui est de de l'affichage conditionnel, je pense que tu peux ajouter un affichage conditionnel dans la seconde partie, dans ce style là :

Code:

---

1 2	{data.size >= 1024 ? (data.size/1024).toFixed(0) + 'k' : (data.size >= 1024*1024 ? (data.size/(1024*1024)).toFixed(0) + 'k' : data.size)}

---

Sinon, tu peux gérer ça de manière plus "classique" avec des "if" et des "else"

Bonjour,

Citation:

---

Premièrement, il faut prendre en compte le fait que 1 ko n'est pas égal à 1000 o mais plutôt à 1024

---

attention quand même on ne sait pas ce que l'on manipule !

Bonjours et merci zoidrums,

(Effectivement, NoSmoking, ce ne sont pas des octets, mais des quantités...)

Mais ce n'est pas grave, car c'est vraiment "la syntaxe", la façon d'écrire la seconde condition, qui me bloque...

j'ai donc mis (pour suivre la logique de l'exemple)

Code:

---

<td width="80">{data.size > 999 ? (data.size/1000).toFixed(0) + 'k' : (data.size > 999999 ? (data.size/1000000).toFixed(2) + 'M' : data.size)}</td>

---

Mais ça semble ne pas être ça, car j'ai encore des 1568k et jamais de 'M'...ceci dit ça tourne quand même (cette syntaxe n'est donc pas fausse et/ou bloquante)

Je me demande s'il ne vaudrait pas mieux inverser les conditions ; çàd passer celle de M d'abord et si elle n'est pas respectée, que ça passe sur la suivante... ?

(En revanche les tests sont pas facile à faire en ces jours de fêtes car les volumes sont bcp plus faibles que d'ordinaire et j'ai donc peu de valeur > à 1M entrantes...)

Salut,

Oui c'est normal et oui il faut inverser car un nombre supérieur à 999999 vérifie toujours la première condition qui est d'être supérieur à 999...

(j'ai enfin eu une grosse donné, pour vérifier...)

Ouais c'est bon! c'était ça...:D

Code:

---

<td width="80">{(data.size > 999999 ? (data.size/1000000).toFixed(2) + 'M' : data.size > 999 ? (data.size/1000).toFixed(0) + 'k' : data.size)}</td>

---

Merci à tous

Euh mais sais-tu que tu pouvais vérifier le code en fixant un chiffre par toi-même, si tu veux garder data.size alors tu pouvais faire ça (exemple avec 1300) : var data = {}, data.size = 1300

oui,oui merci
mais je voulais voir le fonctionnement en condition réelle car les données proviennent d'une API (mal documenté d'ailleurs - qui m'a fait suée) et qui passe par des fonctions et des d'autres conditions avant de venir être affichés dans le tableau... du coup je voulais être sur que les transformations antérieures ne donnerait ni faux-positifs, ni faux-négatifs pour savoir si seules les conditions d'affichages dans le tableau étaient prises en compte...