JavaScriptやHTMLのコードのコメント部分を削除したい | 正規表現 | JavaScript 目的別リファレンス

現在作成中です。今後加筆修正してまいります。
スポンサーリンク

このプログラムは、JavaScriptやHTMLのコード内に含まれるコメント部分を削除するためのものです。行コメントとブロックコメントの両方に対応しています。

スポンサーリンク

コメントを削除するプログラム

実行例

置換前文字列:


結果:


JavaScriptとHTMLコード


        // コメントを削除するプログラム
        function removeComments(input) {
            // 正規表現を用いてコメントを削除
            // //は行コメント、/*...*/はブロックコメント
            return input.replace(/\/\/.*|\/\*[^]*?\*\//g, '').trim();
        }

        // 実行例
        window.onload = function() {
            const inputString = \`
                // これは行コメントです
                const x = 10; /* これはブロックコメントです */
                console.log(x); // xを表示
            \`;
            const resultString = removeComments(inputString);
            document.getElementById('input').innerText = inputString;
            document.getElementById('result').innerText = resultString;
        };

このプログラムの解説

このプログラムは、指定した文字列内のJavaScriptやHTMLのコメントを削除します。使用される正規表現は以下の通りです:

  • /\/\/.*|\/\*[^]*?\*\//g:
  • \/\/.*: 行コメントをマッチします。
  • \/\*[^]*?\*\/: ブロックコメントをマッチします。

これにより、行コメントとブロックコメントを同時に削除することが可能です。

使用したオブジェクトとメソッドについて

  • String.prototype.replace(): 正規表現にマッチした部分を置き換えるメソッドです。
  • window.onload: ページが読み込まれた後に実行される関数を定義します。

Stringオブジェクト メソッドの機能一覧

Stringオブジェクト メソッドの機能一覧 | JavaScript リファレンス
JavaScriptのStringオブジェクトは、文字列を操作するための強力なオブジェクトです。文字列はJavaScriptにおいて非常に重要なデータ型であり、文字の並びを表します。Stringオブジェクトは、プリミティブな文字列をラップするオブジェクトであり、文字列に対するさまざまな操作を行うメソッドを提供します。た...