Join an array by a comma and a space

Question

I have an array that I want converted to a comma delimited string. Array.toString() works, but if I have a rather large array it won't wrap because there are no spaces after the commas:

document.body.innerHTML = ['css','html','xhtml','html5','css3','javascript','jquery','lesscss','arrays','wordpress','facebook','fbml','table','.htaccess','php','c','.net','c#','java'].toString();
// css,html,xhtml,html5,css3,javascript,jquery,lesscss,arrays,wordpress,facebook,fbml,table,.htaccess,php,c,.net,c#,java

How can I have spaces after the commas in order to allow line/word wrapping?

Example output:

css, html, xhtml, html5, css3, javascript, jquery, lesscss, arrays, wordpress, facebook, fbml, table, .htaccess, php, c, .net, c#, java

Related: http://stackoverflow.com/questions/5289403/jquery-convert-javascript-array-to-string/12810028#12810028 — Justin, Feb 18 '14 at 18:28

score 200 · Accepted Answer · answered Feb 22 '11 at 15:32

200

In JavaScript there's a .join() method on arrays to get a string, which you can provide the delimiter to. In your case it'd look like this:

var myArray = ['css','html','xhtml','html5','css3','javascript','jquery','lesscss','arrays','wordpress','facebook','fbml','table','.htaccess','php','c','.net','c#','java'];
var myString = myArray.join(', ');

You can test it out here

answered Feb 22 '11 at 15:32

Nick Craver

623,446
136
1,297
1,155

2

Is there a way to accomplish this without the `.join()` method? – ConstantFun May 08 '19 at 01:02

score 26 · Answer 2 · answered Feb 22 '11 at 15:33

26

Use array.join(", "); and it should work

answered Feb 22 '11 at 15:33

adarshr

61,315
23
138
167

score 2 · Answer 3 · answered Feb 22 '11 at 15:32

2

 string.Join(", ", new string[] { "css", "html", "xhtml", ..etc });

This prints the items with a comma and a space

[edit] I'm sorry, did not see it was for javascript. My code is c# :)

answered Feb 22 '11 at 15:32

John xyz

176
5

score 0 · Answer 4 · edited Jun 01 '21 at 04:33

0

Try this way by the regex

let arr = ['css', 'html', 'xhtml', 'html5', 'css3', 'javascript', 'jquery', 'lesscss', 'arrays', 'wordpress', 'facebook', 'fbml', 'table', '.htaccess', 'php', 'c', '.net', 'c#', 'java'].toString();

let myString = arr.replace(/,[s]*/g, ", ");


console.log(myString);

edited Jun 01 '21 at 04:33

Not A Bot

2,474
2
16
33

answered May 31 '21 at 13:57

Force Bolt

1,117
9
9

score 0 · Answer 5 · answered May 31 '21 at 14:24

I saw in a comment the question of how to make that without the .join() function.

Here is one tricky way:

const array_of_strings = ['css','html','xhtml','html5','css3','javascript','jquery','lesscss','arrays','wordpress','facebook','fbml','table','.htaccess','php','c','.net','c#','java']
const separator = ', '
const result = array_of_strings.reduce((accumulator, currentValue) => accumulator + separator + currentValue);
console.log(result)

Join an array by a comma and a space

5 Answers5

Linked

Related