Comment formater et manipuler les nombres en JavaScript

Aujourd’hui, nous allons voir une bibliothèque très populaire et facile à utiliser qui nous permet de convertir et de manipuler des nombres.

Souvent, nous avons besoin d’afficher des nombres comme 1400 à 1,40, 1000000 à 1M qui peuvent être des nombres de vues, de likes ou de commentaires.

Parfois, nous devons ajouter des virgules dans les nombres longs pour les comprendre facilement.

Il est très difficile de gérer tous les scénarios nous-mêmes.

Pour nous faciliter la tâche, il existe une bibliothèque connue sous le nom de Numeral.

Comprenons comment l’utiliser.

Il y a deux façons de l’utiliser.

inclure le CDN dans une balise de script
l’installer comme un paquet npm

Nous allons utiliser la deuxième méthode de npm.

Pour installer le paquet, exécutez la commande suivante :

npm install numeral

OU

yarn add numeral

Importez la bibliothèque

import numeral from "numeral"; // ES6

OU

const numeral = require('numeral'); // Nodejs

Obtenir le numéro au format séparé par des virgules

const commaSeparated = numeral(50000).format("0,0");

console.log(commaSeparated); // 50,000

Obtenir le nombre au format k(mille), m(million)

const kFormatted = numeral(23000).format("0a");
const mFormatted = numeral(1230974).format("0.000a");

console.log(kFormatted); // 23k
console.log(mFormatted); // 1.321m

Obtenir les nombres au format ordinal

const ordinal = numeral(23).format("0o");

console.log(ordinal); // 23rd

Obtenir le nombre en format MB, GB

const bytes = numeral(2348895676).format("0.00b");
console.log(bytes); // 2.35GB

Obtenir le nombre au format exponentiel

const exponential = numeral(676565765722).format("0,0e+0");
console.log(exponential); // 7e+11

Pour explorer d’autres formats et exemples, visitez http://numeraljs.com/.