Comment arrondir des nombres flottants en javascript?

298

J'ai besoin d'arrondir par exemple 6.688689à 6.7, mais ça me montre toujours 7.

Ma méthode:

Math.round(6.688689);
//or
Math.round(6.688689, 1);
//or 
Math.round(6.688689, 2);

Mais le résultat est toujours le même 7... Qu'est-ce que je fais mal?

Vitalii Ponomar
la source
28
(6.688689​).toFixed(1);
Shadow Wizard est Ear For You
Vérifiez cela
raina77ow
doublon possible du nombre rond en JavaScript à N décimales - veuillez utiliser la recherche avant de poser une nouvelle question.
Felix Kling
1
@ShadowWizard est correct. Cependant, .toFixedrenvoie une chaîne. Assurez-vous d'envelopper le résultat Number(). Voir réponse acceptée et autres.
Jordan Arseno

Réponses:

534
Number((6.688689).toFixed(1)); // 6.7
davin
la source
22
Convertir un nombre en chaîne, puis revenir à nouveau? Ça ne peut pas être rapide.
csl
pas bon si votre nombre a moins de décimales que nécessaire. Il en ajoute
njzk2
2
comme le montre le benchmark JS, il est plus lent que la méthode
@fivedigit
13
Number((456.1235).toFixed(3)) -> 456.123, Number((1.235).toFixed(2)) -> 1.24... Stupid JavaSript ...
NoOne
6
Cela pourrait NE PAS faire ce que vous attendez! Le résultat peut même dépendre du navigateur, voir cette question: stackoverflow.com/q/566564/2224996
maja
199
var number = 6.688689;
var roundedNumber = Math.round(number * 10) / 10;
fivedigit
la source
13
Cela ne fonctionne pas toujours. Prenez Math.round(1.005*100)/100par exemple de MDN
tybro0103
7
@ tybro0103 Floating point evil: 1.005 * 100 = 100.49999999999999(au moins dans le moteur JS que j'ai essayé). C'est pourquoi cela ne fonctionne pas et pourquoi vous ne devriez jamais compter sur des flotteurs parfaitement précis.
sudo
1
Faux. Math.round (1.015 * 100) / 100 renvoie 1.01 au lieu de 1.02
Marco Marsala
81

Utilisez la toFixed()fonction.

(6.688689).toFixed(); // equal to 7
(6.688689).toFixed(1); // equal to 6.7
(6.688689).toFixed(2); // equal to 6.69
rpeshkov
la source
5
Cela pourrait NE PAS faire ce que vous attendez! Le résultat peut même dépendre du navigateur, voir cette question: stackoverflow.com/q/566564/2224996
maja
9
(6.688689) .àFixed (); est égal à "7" et non à 7. Il en va de même pour les autres exemples.
Vado
35

Mise à jour (2019-10). Merci au code Reece Daniels ci-dessous maintenant disponible sous la forme d'un ensemble de fonctions emballées dans le paquet npm -round attendu (jetez un œil).


Vous pouvez utiliser la fonction d'assistance de l' exemple MDN . Vous aurez alors plus de flexibilité:

Math.round10(5.25, 0);  // 5
Math.round10(5.25, -1); // 5.3
Math.round10(5.25, -2); // 5.25
Math.round10(5, 0);     // 5
Math.round10(5, -1);    // 5
Math.round10(5, -2);    // 5

Mise à jour (2019-01-15). Il semble que les documents MDN n'aient plus ces fonctions d'assistance. Voici une sauvegarde avec des exemples:

// Closure
(function() {
  /**
   * Decimal adjustment of a number.
   *
   * @param {String}  type  The type of adjustment.
   * @param {Number}  value The number.
   * @param {Integer} exp   The exponent (the 10 logarithm of the adjustment base).
   * @returns {Number} The adjusted value.
   */
  function decimalAdjust(type, value, exp) {
    // If the exp is undefined or zero...
    if (typeof exp === 'undefined' || +exp === 0) {
      return Math[type](value);
    }
    value = +value;
    exp = +exp;
    // If the value is not a number or the exp is not an integer...
    if (isNaN(value) || !(typeof exp === 'number' && exp % 1 === 0)) {
      return NaN;
    }
    // If the value is negative...
    if (value < 0) {
      return -decimalAdjust(type, -value, exp);
    }
    // Shift
    value = value.toString().split('e');
    value = Math[type](+(value[0] + 'e' + (value[1] ? (+value[1] - exp) : -exp)));
    // Shift back
    value = value.toString().split('e');
    return +(value[0] + 'e' + (value[1] ? (+value[1] + exp) : exp));
  }

  // Decimal round
  if (!Math.round10) {
    Math.round10 = function(value, exp) {
      return decimalAdjust('round', value, exp);
    };
  }
  // Decimal floor
  if (!Math.floor10) {
    Math.floor10 = function(value, exp) {
      return decimalAdjust('floor', value, exp);
    };
  }
  // Decimal ceil
  if (!Math.ceil10) {
    Math.ceil10 = function(value, exp) {
      return decimalAdjust('ceil', value, exp);
    };
  }
})();

Exemples d'utilisation:

// Round
Math.round10(55.55, -1);   // 55.6
Math.round10(55.549, -1);  // 55.5
Math.round10(55, 1);       // 60
Math.round10(54.9, 1);     // 50
Math.round10(-55.55, -1);  // -55.5
Math.round10(-55.551, -1); // -55.6
Math.round10(-55, 1);      // -50
Math.round10(-55.1, 1);    // -60
Math.round10(1.005, -2);   // 1.01 -- compare this with Math.round(1.005*100)/100 above
Math.round10(-1.005, -2);  // -1.01
// Floor
Math.floor10(55.59, -1);   // 55.5
Math.floor10(59, 1);       // 50
Math.floor10(-55.51, -1);  // -55.6
Math.floor10(-51, 1);      // -60
// Ceil
Math.ceil10(55.51, -1);    // 55.6
Math.ceil10(51, 1);        // 60
Math.ceil10(-55.59, -1);   // -55.5
Math.ceil10(-59, 1);       // -50
aspanchenko
la source
2
?? "Math.round10 n'est pas une fonction"
Peter Krauss
1
J'ai trouvé cela extrêmement utile, alors je l'ai frappé dans un paquet npm rapide pour ceux qui cherchent à l'utiliser sans faire gonfler le code supplémentaire. Crédité @aspanchenko avec la réponse originale également: npmjs.com/package/expected-round
Reece Daniels
19
> +(6.688687).toPrecision(2)
6.7

Un Numberobjet en JavaScript a une méthode qui fait exactement ce dont vous avez besoin. Cette méthode est Number.toPrecision([precision]).

Tout comme avec .toFixed(1)elle, le résultat est converti en chaîne et doit être reconverti en nombre. Fait en utilisant le +préfixe ici.

repère simple sur mon ordinateur portable:

number = 25.645234 typeof number
50000000 x number.toFixed(1) = 25.6 typeof string / 17527ms
50000000 x +(number.toFixed(1)) = 25.6 typeof number / 23764ms
50000000 x number.toPrecision(3) = 25.6 typeof string / 10100ms
50000000 x +(number.toPrecision(3)) = 25.6 typeof number / 18492ms
50000000 x Math.round(number*10)/10 = 25.6 typeof number / 58ms
string = 25.645234 typeof string
50000000 x Math.round(string*10)/10 = 25.6 typeof number / 7109ms
Evgeny
la source
À mon avis, c'est la meilleure réponse (meilleure en termes de meilleures pratiques, approche la plus simple).
cezar
1
1e-10.toPrecision(3): "1.00e-10" - ceci arrondit à des chiffres significatifs .
Vsevolod Golovanov
9

Si vous souhaitez non seulement utiliser toFixed()mais aussi ceil()et floor()sur un flotteur, vous pouvez utiliser la fonction suivante:

function roundUsing(func, number, prec) {
    var tempnumber = number * Math.pow(10, prec);
    tempnumber = func(tempnumber);
    return tempnumber / Math.pow(10, prec);
}

Produit:

> roundUsing(Math.floor, 0.99999999, 3)
0.999
> roundUsing(Math.ceil, 0.1111111, 3)
0.112

UPD:

L'autre voie possible est la suivante:

Number.prototype.roundUsing = function(func, prec){
    var temp = this * Math.pow(10, prec)
    temp = func(temp);
    return temp / Math.pow(10, prec)
}

Produit:

> 6.688689.roundUsing(Math.ceil, 1)
6.7
> 6.688689.roundUsing(Math.round, 1)
6.7
> 6.688689.roundUsing(Math.floor, 1)
6.6
Dennis Yarmosh
la source
comment pouvons-nous alors décider quand utiliser le plafond, le sol ou le rond pour arrondir? Par exemple: roundUsing (Math.round, 1.015, 2) roundUsing (Math.ceil, 1.015, 2) donne 2 valeurs différentes Comment savons-nous lequel utiliser
gaurav5430
7

Ma fonction ronde étendue:

function round(value, precision) {
  if (Number.isInteger(precision)) {
    var shift = Math.pow(10, precision);
    // Limited preventing decimal issue
    return (Math.round( value * shift + 0.00000000000001 ) / shift);
  } else {
    return Math.round(value);
  }
} 

Exemple de sortie:

round(123.688689)     // 123
round(123.688689, 0)  // 123
round(123.688689, 1)  // 123.7
round(123.688689, 2)  // 123.69
round(123.688689, -2) // 100
round(1.015, 2) // 1.02
Nick Tsai
la source
1
ceci est similaire à la réponse de @ fivedigit. round (1.015, 2) donne toujours 1.01 au lieu de 1.02
gaurav5430
@ gaurav5430, merci pour votre rapport, je l'ai corrigé.
Nick Tsai
6

Voir ci-dessous

var original = 28.59;

var result=Math.round(original*10)/10 vous rendra des retours 28.6

J'espère que c'est ce que vous voulez ..

Fahim Parkar
la source
7
"Si j'avais un sou pour chaque fois que je voyais quelqu'un utiliser FLOAT pour stocker de la monnaie, j'aurais 999,997634 $" - Bill Karwin.
emix
2
Faux. Math.round (1.015 * 100) / 100
Marco Marsala
3
float(value,ndec);
function float(num,x){
this.num=num;
this.x=x;
var p=Math.pow(10,this.x);
return (Math.round((this.num).toFixed(this.x)*p))/p;
}
Celestin Sv
la source
2

Je pense que cette fonction peut aider.

 function round(value, ndec){
    var n = 10;
    for(var i = 1; i < ndec; i++){
        n *=10;
    }

    if(!ndec || ndec <= 0)
        return Math.round(value);
    else
        return Math.round(value * n) / n;
}


round(2.245, 2) //2.25
round(2.245, 0) //2
Jefferson Ribeiro
la source
similaire à certaines autres réponses, cela échoue pour le tour (1.015, 2), ce qui devrait donner 1.02
gaurav5430
1

Je pense que la fonction ci-dessous peut aider

function roundOff(value,round) {
   return (parseInt(value * (10 ** (round + 1))) - parseInt(value * (10 ** round)) * 10) > 4 ? (((parseFloat(parseInt((value + parseFloat(1 / (10 ** round))) * (10 ** round))))) / (10 ** round)) : (parseFloat(parseInt(value * (10 ** round))) / ( 10 ** round));
}

utilisation: roundOff(600.23458,2);reviendra600.23

KRISHNA TEJA
la source
Pourriez-vous expliquer ce que cette réponse ajoute qui n'a pas déjà été couvert par les réponses précédentes?
stealththeninja
similaire à certaines autres réponses, cela échoue pour le tour (1.015, 2), ce qui devrait donner 1.02
gaurav5430
1

si vous êtes dans le contexte node.js, vous pouvez essayer mathjs

const math = require('mathjs')
math.round(3.1415926, 2) 
// result: 3.14
hexcola
la source
1

Il existe l'alternative .toLocaleString () pour formater les nombres, avec beaucoup d'options concernant les paramètres régionaux, le regroupement, le formatage des devises, les notations. Quelques exemples:

Arrondissez à 1 décimale, renvoyez un flottant:

const n = +6.688689.toLocaleString('fullwide', {maximumFractionDigits:1})
console.log(
  n, typeof n
)

Arrondissez à 2 décimales, formatez-la en tant que devise avec le symbole spécifié, utilisez le groupe de virgules pour des milliers:

console.log(
  68766.688689.toLocaleString('fullwide', {maximumFractionDigits:2, style:'currency', currency:'USD', useGrouping:true})   
)

Format en devise locale :

console.log(
  68766.688689.toLocaleString('fr-FR', {maximumFractionDigits:2, style:'currency', currency:'EUR'})   
)

Arrondir au minimum à 3 décimales, forcer les zéros à afficher:

console.log(
  6.000000.toLocaleString('fullwide', {minimumFractionDigits:3})
)

Style en pourcentage pour les ratios. Entrée * 100 avec signe%

console.log(
  6.688689.toLocaleString('fullwide', {maximumFractionDigits:2, style:'percent'})
)

NVRM
la source
1
+((6.688689 * (1 + Number.EPSILON)).toFixed(1)); // 6.7
+((456.1235 * (1 + Number.EPSILON)).toFixed(3)); // 456.124
Thanh Nguyễn Chí
la source
1

J'ai une très bonne solution avec si toFixed () ne fonctionne pas.

function roundOff(value, decimals) {
  return Number(Math.round(value+'e'+decimals)+'e-'+decimals);
}

Exemple

roundOff(10.456,2) //output 10.46
Ashish Gondaliya
la source
0

Si vous utilisez Browserify aujourd'hui, vous allez devoir essayer: roundTo une bibliothèque NPM très utile

peterb
la source
0

Petit ajustement à cette réponse :

function roundToStep(value, stepParam) {
   var step = stepParam || 1.0;
   var inv = 1.0 / step;
   return Math.round(value * inv) / inv;
}

roundToStep(2.55, 0.1) = 2.6
roundToStep(2.55, 0.01) = 2.55
roundToStep(2, 0.01) = 2
Crashalot
la source
roundToStep (1,015, 0,002) donne 1,014. est la bonne façon de l'utiliser
gaurav5430
@ gaurav5430 tryroundToStep(1.015, 0.001)
Crashalot