JavaScriptのjoinで文字列を連結してHTMLに改行して表示させたいとき
今回はJavaScriptのjoin関数で文字列を連結してHTMLに改行して表示させたいときどのようにすれば良いのかについてご紹介いたします。
JavaScriptのjoinで文字列を連結してHTMLに改行して表示させたいとき
JSで配列をjoinで連結させて、連結させた分だけHTML上で改行して表示させたいときがあると思います。
そんなときは、下記のようにjoinを使ってリストを連結させましょう。
|
1 |
testList.join('\r\n') |
しかし、これだけではHTML上で改行されないときがあります。
そんなときは、下記のようなCSSを追加してあげましょう。
|
1 |
white-space: pre; |
これでJS上でリストを連結させて改行して表示できるようになるはずです。
終わりに
今回はJavaScriptのjoin関数で文字列を連結してHTMLに改行して表示させたいときどのようにすれば良いのかについてご紹介いたしました。