Dynamically add spaces between concatenated strings

Question

I am wondering if it is possible to dynamically add space between two concatenated strings or integers. For example, here is simply concatenating a string and an integer:

var name = "Bruce"
var age = 14
name + " " + age
=> 'Bruce 14'

I would like the space between name and age be dynamic. e.g.:

var name = "Bruce"
var age = 14
var numberOfSpaces = something
name + 4 spaces + age
=> 'Bruce    14'

One of the use cases is drawing bar charts in dc.js where I can put name at the bottom and the value at the top of the bar. But this is unrelated. I am just curious if there is a method.

Something like `[name, age, "thing"].join(" ")` ? That's not exactly *cleaner* though. — Casey Falk, Aug 05 '14 at 16:46
possible duplicate of [Repeat Character N Times](http://stackoverflow.com/questions/1877475/repeat-character-n-times) — Paul Roub, Aug 05 '14 at 17:02

score 1 · Answer 1 · answered Aug 05 '14 at 16:48

There's a proposed repeat() method, but it's implemented almost nowhere.

Meanwhile, you can write your own:

function repeatstr(ch, n) {
  var result = "";

  while (n-- > 0)
    result += ch;

  return result;
}

var name = "Bruce"
var age = 14
var numberOfSpaces = 4

var fullName = name + repeatstr(" ", numberOfSpaces) + age;

score 1 · Answer 2 · answered Aug 05 '14 at 16:48

1

You can create your own function to do it:

function spaces(x) {
    var res = '';
    while(x--) res += ' ';
    return res;
}

var name = "Bruce";
var age = 14;
name + spaces(4) + age;

> "Bruce    14"

I think this is the prettiest and easiest way.

answered Aug 05 '14 at 16:48

Marco Bonelli

63,369
21
118
128

score 1 · Answer 3 · answered Aug 05 '14 at 19:05

1

var s = function(n) {return new Array(n + 1).join(",").replace(/,/g," ")};
var name = "Bruce";
var age = 14;
var numberOfSpaces = 4;
name + s(numberOfSpaces) + age;

answered Aug 05 '14 at 19:05

guest271314

1
15
104
177

score 0 · Answer 4 · answered Feb 04 '20 at 23:59

0

Update! The String.prototype.repeat() has been supported by all major browsers for quite some time now.

You can just do:

var name = "Bruce";
var age = 14;
name + ' '.repeat(4) + age;

answered Feb 04 '20 at 23:59

Marco Bonelli

63,369
21
118
128

Dynamically add spaces between concatenated strings

4 Answers4