How to add spaces between numbers with JavaScript?

Question

With an input like 123456789, how can I convert it into a format like 123 456 789 with JavaScript?

split("").join(" "); returns 1 2 3 4 5 6 7 8 9.

You have to start by figuring out what the proper split is: "12 34 56 78 9" is just as valid as "123 456 789" or "1234 5678 9". Too broad. — duffymo, Aug 14 '15 at 14:46
You can use substr `num.substr(0,3)+' '+num.substr(3,3)+' '+num.substr(6,3)` — suvroc, Aug 14 '15 at 14:47
Possible duplicate of [How to print a number with commas as thousands separators in JavaScript](https://stackoverflow.com/questions/2901102/how-to-print-a-number-with-commas-as-thousands-separators-in-javascript) — shrpne, May 14 '18 at 17:06

score 11 · Answer 1 · answered Aug 14 '15 at 14:57

If you always want the spaces to be by how far from the right you are, use a lookahead which counts in threes

'12345678'.replace(/(\d)(?=(\d{3})+$)/g, '$1 '); // "12 345 678"

(?=pattern) is the lookahead, \d{3} is 3 digits, and (pattern)+ means repeat the last pattern one or more times (greedily) until a the end of the String $

score 5 · Accepted Answer · answered Aug 14 '15 at 15:04

Use the substring method:

var num = "123456789";
var result = "";
var gap_size = 3; //Desired distance between spaces

while (num.length > 0) // Loop through string
{
    result = result + " " + num.substring(0,gap_size); // Insert space character
    num = num.substring(gap_size);  // Trim String
}

alert(result) // "123 456 789"

JSFiddle

AmmarCSE · Answer 3 · 2015-08-14T14:55:07.277

3

Use a regex with split() like

console.log('123456789'.split(/(\d{3})/).join(' ').trim());

edited Aug 14 '15 at 14:55

answered Aug 14 '15 at 14:47

AmmarCSE

30,079
5
45
53

add a trim() at the end – crc442 Aug 14 '15 at 14:48
sorry not correct answer vs: `console.log('1234567891'.split(/(\d{3})/).join(' ').trim());` >> 123 456 789 1 – x-magix Mar 16 '21 at 10:56

score 2 · Answer 4 · answered Aug 14 '15 at 14:47

2

You could:

var formatted = str.replace(/(\d{3})/g, '$1 ').trim();

answered Aug 14 '15 at 14:47

Alex K.

171,639
30
264
288

Turns `1234` into `123 4` – Design by Adrian Apr 12 '19 at 14:57

score 0 · Answer 5 · answered Sep 01 '20 at 14:39

0

Try to design a pattern like this.

function numberWithSpaces(value, pattern) {
  var i = 0,
    sequence = value.toString();
  return pattern.replace(/#/g, _ => sequence[i++]);
}

console.log(numberWithSpaces('123456789', '### ### ###'));

answered Sep 01 '20 at 14:39

Penny Liu

15,447
5
79
98

score -1 · Answer 6 · answered Aug 14 '15 at 14:47

-1

You can use a regex for that

var a = "123456789"
a.match(/\d{3}/g).join(" ")
> "123 456 789"

The regex matches a group of 3 digits several times

answered Aug 14 '15 at 14:47

gusridd

864
10
16

How to add spaces between numbers with JavaScript?

6 Answers6