2018年3月8日木曜日

配列をカンマで改行する


一行で書かれている配列を一列にしたくて作りました

こういう配列を
 ["要素1", "要素2", "要素3"];


こういう形にする
 ["要素1",
 "要素2",
 "要素3"];


デモ




こんな感じで上のテキストエリアに配列を貼り付けると
下のテキストエリアに改行入りで表示される


コード.gs 
  function break_comma(){
    var values = ["要素1", "要素2", "要素3"];
    var result = values.join(",\n");
    Logger.log(result)
  }
意訳
この機能がやること
配列を用意して
カンマと改行でつなげて
ログに出す


実行結果

HTML Serviceで作ってみる


コード.gs
function doGet() {
  return HtmlService.createHtmlOutputFromFile("index");
}
意訳
この機能がやること
指定したHTMLファイルを表示する


index.html
<!DOCTYPE html>
<html>
<body>
  <textarea id="ta" style="width:240px;height:120px;"></textarea>
  <br>
  <textarea id="ta2" style="width:240px;height:240px;"></textarea>

<script>
  var ta = document.getElementById("ta");
  var ta2 = document.getElementById("ta2");

  ta.onkeyup = break_comma;

  function break_comma() {
    var values = ta.value.split(",");
    var result = values.join(",\n");
    ta2.value = result;
  }
</script>
</body>
</html>
意訳
 


配列入力用のテキストエリア

出力用のテキストエリア


idがtaの要素を取得する
idがta2の要素を取得する

ta内でキーが上がったらbreak_commaを実行する

この機能がやること
taの値を取得してカンマで区切って配列にする
配列の要素をカンマと改行でつなげて
ta2に入れる