Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Format and Manipulate Numbers With Numeral.js

DZone's Guide to

Format and Manipulate Numbers With Numeral.js

It's not as easy to manipulate numbers in JavaScript as it is in other languages. Learn how to use Numeral.js, a JavaScript library, to get the job done.

· Web Dev Zone ·
Free Resource

Code something amazing with the IBM library of open source blockchain patterns. Content provided by IBM.

Often it is required that numbers be displayed in a formatted way, such as adding comma separations in long numeric values, plain old numbers with decimal places, percentages, and so on. JavaScript doesn’t come with vast formatting options like most other high level languages.

I recently found out about Numeral.js, a JavaScript library for formatting and manipulating numbers. It also allows you to add local and custom formats.

Usage

Download the library from GitHub or link it using CDNJS. Alternatively, you can do “npm install numeral.

Once you have added the dependency, create an instance of numeral. The constructor takes numbers or strings.

let testNumeral = numeral(10000);

testNumeral.format('0,0');

>> 10,000

Converting to Currency

testNumeral = numeral(10000);

testNumeral.format('$0,0.00');

>> $10,000.00


Converting to Bytes

testNumeral = numeral(1024);

testNumeral.format(' 0b');

//1KB

Numeral.js is a great library and easy to use. If you want to learn more about it, check out the website for documentation and examples.

Start coding something amazing with our library of open source Cloud code patterns. Content provided by IBM.

Topics:
web dev ,javascript ,libraries

Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}