1. ホーム
  2. javascript

カンマとスペースによる配列の結合

2023-10-05 10:33:12

質問

カンマ区切りの文字列に変換したい配列があります。 Array.toString() は動作しますが、かなり大きな配列がある場合、カンマの後にスペースがないため、ラップされません。

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

行や単語の折り返しを可能にするために、カンマの後にスペースを入れるにはどうしたらよいですか?

出力例です。

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

どのように解決するのですか?

JavaScriptでは .join() メソッドがあり、区切り文字を指定して文字列を得ることができます。 あなたの場合、次のようになります。

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

ここでテストができます