How to JavaScript number format comma?
OR
HTML format number thousands separator
It’s an very easy to do it: There is a built in function for this,
You can use The toLocaleString() method to return a string with a language-sensitive representation of a number Or Regular Expressions.
|
1 2 |
(70704567.89).toLocaleString('en') // for numeric input parseFloat("7800089.89").toLocaleString('en') // for string input |
Complete example of convert format number into thousands comma separator.
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<html> <head> <title>Sample Code</title> <script type="text/javascript"> var a = (70704567.89).toLocaleString('en') // for numeric input var b = parseFloat("7800089.89").toLocaleString('en') // for string input console.log(a); console.log(b); </script> </head> </html> |
Output:
Let’s do it with RegEx
You can write a JavaScript function to print an integer with commas as thousands of separators using RegEx (Regular Expressions).
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<html> <head> <title>Sample Code</title> <script type="text/javascript"> function thousands_separators(num) { var num_parts = num.toString().split("."); num_parts[0] = num_parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ","); return num_parts.join("."); } console.log(thousands_separators(1000)); console.log(thousands_separators(10000.23)); console.log(thousands_separators(100000)); </script> </head> </html> |
Output:
Do comment if you have an any doubts and suggestions on this tutorial/
Note: The All JS Examples codes are tested on the Safari browser (Version 12.0.2) and Chrome.
OS: macOS 10.14 Mojave
Code: HTML 5 Version
Degree in Computer Science and Engineer: App Developer and has multiple Programming languages experience. Enthusiasm for technology & like learning technical.