JavaScript: SQL整形 #JavaScript

表題のとおりの小品です。

ソース

<!DOCTYPE html>
<html lang="ja">
<head>
</head>
<body>
<div class="container">
  <input type="button" value="Format" onclick="format()" />
  <textarea rows="50" cols="100" id="sql_text"></textarea>
</div>

<script type="text/javascript">

function formatSql(text){
  // 改行するキーワード
  var array=["AND","FROM","FULL","GROUP","INNER","LEFT","ON","ORDER","RIGHT","SET","WHERE","VALUES"];

  // キーワード共通処理
  for(i=0; i<array.length; i++){
    var keyword = array[i];
    var after = " " + keyword + " ";

    // キーワード前後の半角スペースを1つだけにする
    // 例: キーワード"   AND  "は" AND "になる
    text = text.replace(new RegExp(" +" + keyword + " +", "gi"), after);

    // 改行
    var afterRn = "\r\n" + after;
    text = text.replace(new RegExp(after, "gi"), afterRn);
  }

  // SELECT：後ろ改行
  text = text.replace(/SELECT/gi, "SELECT\r\n");

  // カンマ：前後のスペース削除
  text = text.replace(/( +,|, +| +, +)/gi, ",");
  // カンマ：改行（前カンマ）
  text = text.replace(/,/g, "\r\n , ");

  // かっこ：改行
  text = text.replace(/\(/g, "(\r\n");
  text = text.replace(/\)/g, "\r\n)\r\n");

  return text;
}

function format() {
  const sql = document.getElementById("sql_text").value;
  document.getElementById("sql_text").value = formatSql(sql);
}

</script>
</body>
</html>

参考

以下を少々改善したもの。

また使いながら改善するかも。
以上です～