JavaScriptのscriptタグ内からCDATAブロック（//）を削除する方法

scriptタグ内のCDATAブロックを削除するには

<script> 要素の中に記述された /* <![CDATA[ */ 〜 /* ]]> */ のブロックをまとめて削除したい場合は、正規表現パターン [\s\S]*? を使用します。

なぜ [\s\S]*? を使うのか

通常の .*? は改行文字にマッチしないため、複数行にまたがるCDATAブロックを一度に削除できません。一方、[\s\S] は「空白文字以外の任意の文字」と「空白文字」のいずれにも該当するため、改行を含むすべての文字にマッチします。この性質を利用することで、複数行にわたるCDATAセクション全体を一括して置換・削除できます。

処理対象となるコード例

<script>
   /* <![CDATA[ */
      var A=new Array();
   /* ]]> */
</script>
Demo Text Demo Text
Demo Text
<script type="text/javascript">
   /* <![CDATA[ */
      var B=new Array();
      Demo Text Demo Text
   /* ]]> */
</script>
Demo Text

削除後のイメージ

上記のコードに [\s\S]*? を組み込んだ正規表現を適用すると、CDATAコメントで囲まれた部分だけが取り除かれ、以下のように <script> タグ自体やその外側のテキストはそのまま残ります。

<script></script>
Demo Text Demo Text
Demo Text
<script type="text/javascript"></script>
Demo Text

このように、[\s\S]*? を使えば改行をまたぐCDATAブロックも漏れなく検出できるため、HTMLやJavaScriptのソースコードから不要なCDATAセクションを安全にクリーンアップすることが可能です。