View Tutorial Metadata Edit Content Revision History Add to Watchlist Add New Tutorial How to do number formatting in JavaScript

How to do number formatting in JavaScript

Number formatting in JavaScript

Sometimes, when you are working with big numbers (for example if you work with Vietnamese Dong currency) you really need to format those numbers as you don't want to have something like 1000000000 on your page.

Doing this from PHP is simple but ... what if you want to do this from JavaScript? You'll see that there is no already built function so you must write your own.

So, we want to format a number like :

100 into 100
1000000000 into 1,000,000,000
1510.125 into 1,510.125

Here is the JavaScript function :

function numberFormat(nr){
	//remove the existing ,
	var regex = /,/g;
	nr = nr.replace(regex,'');
	//force it to be a string
	nr += '';
	//split it into 2 parts  (for numbers with decimals, ex: 125.05125)
	var x = nr.split('.');
	var p1 = x[0];
	var p2 = x.length > 1 ? '.' + x[1] : '';
	//match groups of 3 numbers (0-9) and add , between them
	regex = /(\d+)(\d{3})/;
	while (regex.test(p1)) {
		p1 = p1.replace(regex, '$1' + ',' + '$2');
	}
	//join the 2 parts and return the formatted number
	return p1 + p2;
}

and a simple HTML usage example ( live number formatting, just try to write a large number into the textbox )

<input type='text' name='price' id='price' onkeyup="this.value =
numberFormat(this.value);" />

replique A Lange & Sohne watches (2012-01-04 02:40):

There are several myths about Rolex that need to be
dispelled:
•	MYTH: Rolex are individually handmade Replique
montre--Most Rolex watches are mass-produced by
highly efficient factory machines using a number of
techniques pioneered and patented by Rolex. Rolex makes in
the vicinity of 1,000,000 watches a year. They do have some
very high end models and special editions that are
handcrafted.
•	MYTH: Rolex are the most accurate watches in the
world--Completely untrue. A $25 Casio will tell time just as
well if not better. Spending thousands of dollars on a watch
buys you the additional jewelry features of the watch. It
does not buy you a more accurate timepiece.
•	MYTH: A Rolex watch takes a year to make--While Rolex
has claimed this in their advertising, they have never
explained any tangible basis for this claim. This is
meaningless advertising fluff to give the romantic illusion
that there is a craftsman laboring over your watch for a
year to bring it to perfection. This is intended to obscure
the fact that they are really mass-produced.
•	MYTH: Alain Silberstein replique are a good buy
because they have a high resale value--While they do sell
used at a higher percentage of their original retail price
than many other brands that does not mean they are always
good investments or safer purchases than other watches. You
WILL lose money on almost any watch--Rolex or otherwise--you
purchase new and later resell.

linzhi (2012-01-18 09:01):

The latest Louis Vuitton flagship store is opening on
December 2 in Sydney which support 
Louis
Vuitton Handbags On Sale. Cate Blanchett is the
opening ceremony of the ribbon-cutting ceremony, Miranda
Kerr and other female stars appeared subsequent opening of
the party with the Louis
Vuitton Handbags. The scene of the female stars who
are wearing Louis
Vuitton Shoes, but the style is very different.

Rating: (0+, 0-) In: JavaScript