Verbinden Sie ein Array durch ein Komma und ein Leerzeichen

Ich habe ein Array, das ich in eine kommagetrennte Zeichenfolge konvertieren möchte. Array.toString() funktioniert, aber wenn ich ein ziemlich großes Array habe, wird es nicht umbrochen, weil nach den Kommas keine Leerzeichen stehen:

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

Wie kann ich Leerzeichen nach den Kommas haben, um einen Zeilen-/Wortumbruch zu ermöglichen?

Beispielausgabe:

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

In JavaScript gibt es eine .join() -Methode für Arrays, um eine Zeichenfolge zu erhalten, für die Sie das Trennzeichen bereitstellen können. In deinem Fall sähe das so aus:

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(', ');

Hier können Sie es testen

Verwenden array.join(", "); und es sollte funktionieren

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

Dadurch werden die Elemente mit einem Komma und einem Leerzeichen gedruckt

[edit] Tut mir leid, ich habe nicht gesehen, dass es für Javascript war. Mein Code ist c# 🙂

Ich sah in einem Kommentar die Frage, wie man das ohne das macht .join() Funktion.

Hier ist ein kniffliger Weg:

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)

Versuchen Sie es auf diese Weise mit der 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);

Musste vor jedes Wort ein # setzen, das .join() funktionierte nicht für das erste und musste dies tun:

var myString = '#'+ myArray.join(', ');