JavaScriptでHTMLエンティティを解除する方法


, <, >など)がエスケープされた文字列を解除する方法がいくつかあります。以下にいくつかの方法とそれぞれのコード例を示します。

  1. ブラウザの組み込み関数を使用する方法:

    const element = document.createElement('textarea');
    element.innerHTML = yourEscapedString;
    const unescapedString = element.value;
  2. 正規表現を使用する方法:

    const unescapedString = yourEscapedString.replace(/&/g, '&')
                                         .replace(/&lt;/g, '<')
                                         .replace(/&gt;/g, '>')
                                         .replace(/&quot;/g, '"')
                                         .replace(/&#039;/g, "'");
  3. サードパーティライブラリを使用する方法(例: he.jsを使用する場合): まず、he.jsをダウンロードしてプロジェクトに組み込みます。

    const he = require('he');
    const unescapedString = he.decode(yourEscapedString);

これらの方法のいずれかを使用すると、JavaScriptの文字列内のHTMLエンティティが解除され、元の文字列が復元されます。