JavaScript整形ツール（Beautifier）

圧縮されたバンドルや、チャットやメールから貼り付けたコードは読みにくいものです。この整形ツールは、波括弧・角括弧・丸括弧に合わせてJavaScriptのインデントを付け直し、1行に1文を置き、演算子のまわりに空白を入れるので、ロジックを追ったり、レビューやデバッグをしたりしやすくなります。完全なパーサーではなくトークン単位で処理し、文字列、正規表現、テンプレートリテラルは1文字ずつそのままコピーし、コメントは残します。

使い方

1. JavaScriptをボックスに貼り付けると、入力中に整形結果が表示されます。
2. インデントを空白2つ、空白4つ、タブから選びます。
3. 波括弧のスタイルを選びます。if/for/functionと同じ行に置くか、別の行に置くかです。
4. 連続して残す空行の数を決め、結果をコピーします。

計算式

インデント = 複数行のブロックを開いた { [ ( の数 × インデント単位

{はブロックまたはオブジェクトリテラルを開いてインデントされた新しい行を始め、}はそれを閉じます。;は行を終えますが、for (…)のヘッダー内は例外です。カンマは、オブジェクトリテラルの中と、すでに複数行に分けてある括弧の中で改行します。returnの後ろの改行や、(または[で始まる文のように、自動セミコロン挿入に依存している箇所では改行が維持されるため、整形後のコードは元のコードとまったく同じように動作します。

計算例

圧縮された1行if(a){b()}else{c()}は5行になります。if (a) {、空白2つ分インデントしたb()、} else {、再びインデントしたc()、閉じの}です。別の行に置く波括弧スタイルでは、開き波括弧がそれぞれ新しい行に移り、elseも新しい行から始まります。