Comments on: Formatting Numbers With Commas in AS3

By: nixon

nixon — Mon, 22 Nov 2010 19:17:10 +0000

That line could be causing problems if this function is converted to run with string variables. But as I mentioned previously the main problem for @comment7 was the limit in AS3 to handle large numbers without some kind of additional framework. Even trying to set a variable to one of those values and tracing it back gives the same results.

Anywho, the line you’re referring to in your post:
return negNum+output+”.”+results[1]+”0″;

Is used to provide consistent formatting of numbers like 1.5 this line ensures that 1.50 is output instead. Often times this code is used for calculators and most sales/marketing people like to see numbers as they would appear on a cash register or receipt. Hence the additional 0.

By: FlashMan

FlashMan — Fri, 19 Nov 2010 04:05:15 +0000

@comment7:

I think the reason why “0″ is added is because of this line:

return negNum+output+”.”+results[1]+”0″;

Why is the + “0″ needed?

I removed it and now it works great, thank you!

By: nixon

nixon — Tue, 12 Oct 2010 13:47:05 +0000

In general I stay away from formatting an input box. I think it is a bit jarring for a user to be typing and having things autoformat without their consent. I know plenty of people that can’t even handle t9 on their cell phones. Though, if you’re looking to do it you just need to add a key_up event listener onto the input box. better yet have the event listener on the next input box so that the number is only formatted once the user is no longer actively typing in the same box. Know what I mean?

By: nixon

nixon — Tue, 12 Oct 2010 13:43:38 +0000

Hey there,
Looking into this I see it’s not so much the function having a problem, but it’s a limit of AS3 to deal with large values like this. AS3 doesn’t really have the capacity to use those values as a number data type. As you mentioned, changing this to a string will allow AS3 to properly format the number. I can’t even assign such values to a number variable and have it stored correctly, let alone run it through a function. I wasn’t aware of AS3′s limitation on large numbers prior to this, so thanks for bringing it to my attention. Supposedly there are classes in third party libraries like “BigInteger” to help facilitate some of this.

By: j_noob

j_noob — Tue, 05 Oct 2010 01:00:49 +0000

i just want to ask how can I call the function in an input box?sorry just a jscript newbie..you’re answers would be a great of help

By: Edenshaw

Edenshaw — Mon, 13 Sep 2010 16:54:31 +0000

I change the parameter of the function to String because I took the number from a TextInput so is already a String.

By: Edenshaw

Edenshaw — Mon, 13 Sep 2010 16:45:31 +0000

First of all thanks for your function it helped me a lot.

The only thing I found that is not working is with a number like this: “1593578642598796.32″ because the output will be “1,593,578,642,598,796.30″ as you can see, the last part change and it shouldn’t. The problem I found was the casting (sort of speak) of the changing between Number to String.

When I debug your function, the line:

var num:String = String(number);

change the number “1593578642598796.32″ to “1593578642598796.3″ and assigns it to the variable “num” and from that point everything will go wrong.

The only solution I found it was changing the type of parameter of the function, instead of “Number” change it to “String”:

function addCommas( number:String ):String {

and in the line:

var num:String = String(number);

change it to:

var num:String = number;

Perhaps if you believe that the problem is because is a decimal point number, if I try this number “1593578642598799996″ the output it will be “1,593,578,642,598,800,000″ I know that is some sort of approximation but if what you need is the exact number but with only commas, then this will be a problem. Again, the solution for this is changing the parameter of the function and the line of casting.

P.S.: Sorry for my english and thanks again

By: Andrew

Andrew — Thu, 24 Jun 2010 23:47:22 +0000

As with jack – this came in very handy and works as expected; thanks for sharing it.

By: nixon

nixon — Tue, 30 Mar 2010 20:10:08 +0000

While your solution will work for any sized positive number it won’t handle numbers with a decimal point.

For example 5.25 would be formatted 5,.25

Our two functions aren’t behaving that much differently, personally, I find the flexibility to work with negative numbers and decimal points is worth the extra few lines of code because I can reuse the same function anytime I need formatted numbers and don’t have to revisit it when a special case comes along.

By: Scott

Scott — Mon, 29 Mar 2010 17:28:53 +0000

I took a different approach — should work for any sized number. I didn’t need the negative detection, you should be able to add that to this easily if you need it.

public function addCommas(number:Number):String
{
var numberString:String = String(number);
var newString:String = “”;
var col:int = 0;
for (var index:int = numberString.length-1; index >= 0; index–)
{
col++;
newString = numberString.substr(index, 1) + newString;
if (col == 3 && index != 0)
{
newString = “,” + newString;
col = 0;
}

}
return newString;
}