コード整形 / MULTIVERTO

JavaScript を整形

単純な JavaScript ブロックと明示的なステートメントをインデントします。

変換ツール入力内容はこのブラウザ内にとどまり、変換のために送信されません。

JavaScript 入力

JavaScript - 結果

ローカルファイルを開くファイルはブラウザー内にとどまります。

ツールを連結

前の結果に各テキストツールを適用します。テキスト変換ワークフロー ↗

次のツールを選択

手順の名前

保存した手順

このブラウザーには手順の名前とツールの順序だけを保存します。入力内容と結果は保存しません。

01 / 例

例

入力function aisatsu(namae){const messeji="こんにちは, "+namae;return messeji;}

結果

function aisatsu(namae){
  const messeji="こんにちは, "+namae;
  return messeji;
}

02 / ガイド

JavaScript を整形 — 仕組み

このツールで変わること

単純な JavaScript のブロックと、セミコロンを明示した文にインデントを付けます。一行に詰まった関数の分岐を追いやすくするための整形です。テンプレートリテラルや解釈が曖昧な正規表現は、完全なパーサーなしで改行すると意味が変わるおそれがあるため拒否します。短い点検用の断片に使い、元のコードと結果のテストを比較してください。

対応する構文と制約

JavaScript のソースには文字列、コメント、正規表現、テンプレートリテラルが含まれ、改行の位置に意味がある構文もあります。小さな整形器は句読点だけからすべての文境界を安全に判断できません。このツールは波括弧と明示的なセミコロンを使う単純なコードに対応し、曖昧な構文は黙って書き換えず拒否します。アプリケーション全体のビルドや静的解析ではなく、短い断片を読むための機能です。

実際に使うときの手順

サンプルの greet 関数を整形すると、変数宣言と return 文が別々の行にインデントされます。関数名、変数名、文字列の値は変わりません。波括弧を含む文字列や入れ子の条件分岐を試す場合は、結果をコピーして既存のテストを実行してください。テンプレートリテラル、曖昧な正規表現、自動セミコロン挿入に依存するコードは、この限定的な整形器では扱わないでください。

結果を検証する

波括弧とセミコロンを明示した短い JavaScript 関数の制御の流れを読むときに使います。結果をコピーしたら既存のテストを実行し、特に文字列に波括弧や句読点が含まれる場合は動作を確かめてください。この整形器は完全な ECMAScript パーサーやリンターではありません。テンプレートリテラル、曖昧な正規表現、自動セミコロン挿入に依存するコードには本格的な開発ツールを使い、元のコードを残してください。

入力から出力への変換過程

JavaScript 入力

構文を読み取り、形式を変換

JavaScript - 結果

ガイドを探す

変換ガイド