Une feuille avec des calculs et une calculatrice posées sur un bureau

Comment arrondir un nombre en JavaScript ?

Mis à jour le

En JavaScript, il existe plusieurs méthodes pour arrondir des nombres en fonction du type d'arrondi que vous souhaitez appliquer. Les trois méthodes principales sont : Math.round(), Math.ceil(), et Math.floor(). Cependant, d'autres options comme toFixed() ou des formules personnalisées permettent d'aller encore plus loin dans la précision et la personnalisation. Voyons ça en détail.

Math.round() : Arrondir au plus proche entier

La méthode Math.round() arrondit un nombre à l'entier le plus proche. Si la partie décimale est égale ou supérieure à 0,5, le nombre sera arrondi vers le haut. Sinon, il sera arrondi vers le bas.


// Exemple avec Math.round()
console.log(Math.round(4.7));  // Retourne 5
console.log(Math.round(4.4));  // Retourne 4
console.log(Math.round(-4.7)); // Retourne -5
        

Math.ceil() : Arrondir à l'entier supérieur le plus proche

La méthode Math.ceil() arrondit toujours un nombre vers l'entier supérieur le plus proche, quel que soit la partie décimale du nombre.


// Exemple avec Math.ceil()
console.log(Math.ceil(4.3));  // Retourne 5
console.log(Math.ceil(4.7));  // Retourne 5
console.log(Math.ceil(-4.3)); // Retourne -4
        

Math.floor() : Arrondir à l'entier inférieur le plus proche

À l'inverse de Math.ceil(), la méthode Math.floor() arrondit toujours vers l'entier inférieur le plus proche.


// Exemple avec Math.floor()
console.log(Math.floor(4.7));  // Retourne 4
console.log(Math.floor(4.3));  // Retourne 4
console.log(Math.floor(-4.7)); // Retourne -5
        

Autres méthodes d'arrondi

En dehors des fonctions mathématiques classiques, il existe d'autres moyens de manipuler les nombres en JavaScript, comme la méthode toFixed() ou l'utilisation de formules pour des arrondis personnalisés.

toFixed() : Limiter le nombre de décimales

La méthode toFixed() formate un nombre avec un nombre fixe de décimales et renvoie une chaîne de caractères. Elle est utile pour afficher des résultats arrondis de manière visuelle ou dans des contextes monétaires.


// Exemple avec toFixed()
const num = 123.45678;
console.log(num.toFixed(2)); // Retourne "123.46"
        

Arrondir au multiple le plus proche

Pour des scénarios où vous souhaitez arrondir un nombre au multiple d'une valeur spécifique, une formule personnalisée peut être utilisée :


// Arrondir au multiple le plus proche
const roundToMultiple = (num, multiple) => Math.round(num / multiple) * multiple;
console.log(roundToMultiple(123, 10)); // Retourne 120
        

Choix de la méthode

Le choix de la méthode dépend du comportement d'arrondi que vous souhaitez :

  • Utilisez Math.round() pour un arrondi standard au plus proche entier.
  • Utilisez Math.ceil() lorsque vous voulez toujours arrondir vers le haut.
  • Utilisez Math.floor() lorsque vous voulez toujours arrondir vers le bas.
  • Utilisez toFixed() pour limiter le nombre de décimales dans un affichage.
  • Utilisez des formules personnalisées pour des arrondis spécifiques, comme au multiple le plus proche.

Exceptions et comportement avec des types non numériques

Ces méthodes fonctionnent uniquement avec des nombres. Si vous passez un type de valeur non numérique, le résultat sera NaN (Not a Number), sauf si la valeur est null, auquel cas le résultat sera toujours 0.

Conclusion

JavaScript fournit des méthodes simples et flexibles pour arrondir des nombres selon différents critères. Que vous ayez besoin d'un arrondi au plus proche entier, d'un arrondi vers le haut, ou vers le bas, les fonctions Math.round(), Math.ceil(), et Math.floor() couvrent ces besoins. En complément, des outils comme toFixed() et des formules personnalisées offrent une précision et une personnalisation accrues pour vos applications spécifiques.

Sources

🧮 Maîtrisez les subtilités de JavaScript !

Vous voulez aller plus loin dans l'utilisation de JavaScript et perfectionner vos compétences en manipulation de nombres et d'autres fonctionnalités avancées ? Découvrez comment optimiser vos scripts et créer des applications performantes avec un accompagnement adapté.

Contactez-moi pour un coaching JavaScript sur mesure
Ecran d'ordinateur avec du code React affiché React : La bibliothèque JavaScript qui révolutionne les interfaces utilisateur

C'est quoi React ? À quoi ça sert ? Découvrez la bibliothèque JavaScript qui permet de créer des interfaces utilisateur modernes et dynamiques.

Développeur buvant dans une tasse devant son écran avec du code affiché useEffect : Gérez les effets de bord dans vos composants React

Découvrez le hook useEffect de React : apprenez à gérer les effets de bord comme les appels API, les abonnements ou les mises à jour DOM dans vos composants.

écran d'ordinateur affichant du code React React Router : Gérez la navigation dans vos applications React

Découvrez les bases de React Router, la bibliothèques qui vous permettra de gérer la navigation et les routes dans vos applications React.