comparaison nombres flottants

Bonjour,

Je galère dur avec les comparaisons de nombres flottants.
Dans mon script je récupère des variables de checkboxes qui sont
des nombres flottants à 2 chiffres après la virgule:

Code:

---

1 2 3

var var1 = parseFloat(document.forms['form'].elements['var1'].value).toFixed(2); var var2 = parseFloat(document.forms['form'].elements['var2'].value).toFixed(2); var var3 = parseFloat(document.forms['form'].elements['var3'].value).toFixed(2);

---

Puis je les compare entre eux:

Code:

---

if(parseFloat(var1) + parseFloat(var2) == parseFloat(var3))

---

où var1 = 5.20 var2 = 3.40 et var3 = 8.60

normalement 5.20 + 3.40 = 8.60.
Alors pourquoi il n'entre pas dans la condition ???

Y a t-il un problème de cast ?

Merci d'avance pour votre aide

Bonjour,
il y a des problèmes avec les nombres en virgule flottant, il te suffit de faire une recherche sur ce forum, cela a été longuement débattu.

Un question quand même pourquoi parseFloat(er) 2 fois.

Tu peux travailler sur des nombres entiers (x100)

Citation:

---

Alors pourquoi il n'entre pas dans la condition ???

---

il existe peut être, aussi, un problème en amont dans ton code!

A noter que ce n'est pas un problème spécifique à JavaScript mais connu dans beaucoup de langages : The Floating-Point Guide - What Every Programmer Should Know About Floating-Point Arithmetic

En effet c'est bien un problème de précision, lors d'une addition toute bête dans ma fonction:
15.20 + 4.10
le resultat est: 19.2999999999999999999

(Note: Je suis sous Firefox/Ubuntu, mais il est probable que ça change avec un autre browser/OS)

J'ai vu une solution qui consiste à utiliser Math.round en multipliant la
valeur par 100 puis en divisant le tout par 100 également, (une histoire de puissances je crois) :

Code:

---

1 2	var result = parseFloat(var1) + parseFloat(var3); result = Math.round(result * 100) / 100;

---

Source:
http://en.allexperts.com/q/Javascrip...nipulation.htm

C'est assez tordu mais ça à l'air de marcher, toutefois j'aimerais savoir si
c'est une solution fiable.

Merci pour vos réponses.

Je pense que tous les navigateurs gèrent la virgule flottante de la même manière sur tous les OS. (il me semble que j'avais fait des tests à l'époque lointaine^^)

Enfin, je NE pense PAS que cette solution soit fiable, il n'y a aucune raison que la division par 100 ne génère pas d'autres erreurs pour d'autres valeurs.

La meilleure solution est une conversion en string et plus de recréer tes méthodes de calculs sur les valeurs entières de ce string. Ou alors d'utiliser une librairie de calcul JS.

Pour mon cas les décimales représentent des prix (donc 2 chiffres après la virgule pas plus), je ne suis pas sûr qu'une librairie de calcul soit vraiment appropriée.

Y aurait-il un tuto qui expliquerait en détail comment créer des méthodes de calculs sur les valeurs entières ?

Sur des valeurs entières ?
Le problème vient de la représentation à virgule flottante. S'il n'y a plus de virgule, il n'y a plus de problème :aie:

ben c'est dans la réponse de Willpower:

Citation:

---

La meilleure solution est une conversion en string et plus de recréer tes méthodes de calculs sur les valeurs entières de ce string.

---

Je suppose qu'il fait référence à ça:
http://floating-point-gui.de/formats/integer/

Mais c'est très obscure pour moi, c'est pourquoi j'aimerais avoir un peu d'aide. :aie:

Citation:

---

Envoyé par tintin72

ben c'est dans la réponse de Willpower:

Je suppose qu'il fait référence à ça:
http://floating-point-gui.de/formats/integer/

Mais c'est très obscure pour moi, c'est pourquoi j'aimerais avoir un peu d'aide. :aie:

---

En fait, je faisais référence à faire des calculs entiers mais de savoir replacer la virgule au bon endroit par après, pour des multiplications ou divisions par exemple. Mais si tu n'as besoin que de simples additions, alors ce problème ce ne pose pas :

Code:

---

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

Number.prototype.powInt = function(p){ return parseInt(this.toFixed(p).replace('.','')); }; Number.prototype.unpow = function(p,tmp){ return (tmp=this.toString().split('')).splice(tmp.length-p,0,'.'),tmp.join(''); }; a = 15.20; b = 4.10;   res = a.powInt(2) + b.powInt(2); res = res.unpow(2); // res = parseFloat(res); // si besoin d'avoir un float plutot qu'un string   alert(res); // 19.30 alert(a+b); // 19.2999999999999999

---

Merci beaucoup Willpower pour ce code, 'reste plus pour moi qu'à comprendre ce qu'il fait exactement :lol:

Mais est ce qu'il marche aussi pour les soustractions ?

Citation:

---

Envoyé par tintin72

Merci beaucoup Willpower pour ce code, 'reste plus pour moi qu'à comprendre ce qu'il fait exactement :lol:

Mais est ce qu'il marche aussi pour les soustractions ?

---

Oui pour les soustractions !
Non pour les multiplications et divisions (enfin, il faut ajuster la virgule au bon endroit).

Explications :

Code:

---

1 2 3

Number.prototype.powInt = function(p){ return parseInt(this.toFixed(p).replace('.','')); };

---

Rajoute une méthode powInt aux "Number" qui :

1) Renvoie un string avec un nombre de décimal fixé à "p".
2) Supprime le point "." du string.
3) Converti le string en entier et retourne ce dernier.

#Donc si ton nombre est 3.4 et p vaut 3 :
1) Ca converti ton nombre en string "3.400"
2) Ca supprime le point du string : "3400"
3) Ca renvoit 3400 (valeur entière)

Code:

---

1 2 3

Number.prototype.unpow = function(p,tmp){ return (tmp=this.toString().split('')).splice(tmp.length-p,0,'.'),tmp.join(''); };

---

Rajoute une méthode unpow aux "Number" qui :

1) Converti ton nombre(ou ton string) en string.
2) Converti ton string en tableau
3) Insère un point en position "p" en partant de la fin( en écrasant 0 élément).
4) Reconverti ton tableau en string.

#Donc si ton nombre est 340 et p vaut 2 :
1) Ca converti ton nombre en string "340"
2) Ca converti ton string en tableau ["3","4","0"]
3) Ca insère dans ton tableau un point à p(2) position de la fin ["3",".","4","0"]
4) Ca renvoit "3.40"


Voici enfin l’exécution du brol :

Code:

---

1 2 3 4 5

var a = 15.20, b = 4.1; res = // 1520+410 = 1930 a.powInt(2) // 15.20 -> 1520 + b.powInt(2); // 4.1 -> 410 res = res.unpow(2); // place un point à notre 1930 -> 19.30

---

Encore un grand merci pour cette explication claire et détaillée :ccool:

Note que mes noms de fonctions (prototypes) ne sont pas top, il y a sans doute beaucoup mieux que unpow et powInt, mais je n'ai pas d'inspiration.

shiftToInt et unshiftToFloat(String)

sont peut-être déjà plus explicites ?