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
– Casey Falk, Commented Aug 5, 2014 at 16:46

Paul Roub · Accepted Answer · 2014-08-05 16:48:26Z

1

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;

answered Aug 5, 2014 at 16:48

Paul Roub

36.5k27 gold badges88 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Marco Bonelli · Accepted Answer · 2014-08-05 16:48:29Z

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 5, 2014 at 16:48

Marco Bonelli

71.1k21 gold badges129 silver badges153 bronze badges

Comments

guest271314 · Accepted Answer · 2014-08-05 19:05:28Z

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 5, 2014 at 19:05

guest271314

1

Comments

Marco Bonelli · Accepted Answer · 2020-02-04 23:59:32Z

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 4, 2020 at 23:59

Marco Bonelli

71.1k21 gold badges129 silver badges153 bronze badges

Collectives™ on Stack Overflow

Dynamically add spaces between concatenated strings

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related