JavaScriptフォーマッター＆ミニファイヤー

クライアントサイドのJavaScriptフォーマッタおよびミニファイア。美しくするモードでは、ブレース、ブラケット、セミコロンに基づいて適切なインデントを追加します。ミニファイモードでは、すべてのコメントと不要な空白を削除します。入力/出力サイズと削減率を表示します。

このJSフォーマッタを使用する理由

• 2つのモード — デバッグ用のフォーマットまたは本番用のミニファイ。
• 文字列を認識 — 引用符とテンプレートリテラル内のコンテンツを保持します。
• コメント処理 — フォーマットはコメントを保持し、ミニファイはコメントを削除します。
• サイズ削減 — 正確な文字数の削減を表示します。

主な機能

• 中括弧ベースのインデント: {、[、( のネストを2スペースのタブで追跡します。
• 文字列の安全性: "、'、およびバッククォート文字列を検出し、誤った再フォーマットを回避します。
• コメントタイプ: // の行コメントと /* */ のブロックコメントの両方を処理します。
• ワンクリックコピー: フォーマットまたは圧縮された結果をクリップボードにコピーします。

仕組み

フォーマッタはコードを文字ごとに走査し、文字列の状態（シングル/ダブル/テンプレートクォート）を追跡します。開き括弧はインデントを増やし、閉じ括弧は減らします。セミコロンとカンマは改行を引き起こします。圧縮ツールは正規表現を使用して両方のコメントスタイルを削除し、空白を圧縮します。

JSフォーマッタを試す

JavaScriptコードを貼り付け、「フォーマット」または「圧縮」をクリックし、最適化された結果をコピーします。