JavaScriptで%20を含む文字列を処理する方法

1. デコード: URLエンコーディングされた文字列を元の形式に戻すには、decodeURIComponent()関数を使用します。この関数は、URLエンコードされた文字列をデコードして返します。

const encodedString = "Hello%20World";
const decodedString = decodeURIComponent(encodedString);
console.log(decodedString); // 出力: "Hello World"

2. エンコード: JavaScriptで文字列をURLエンコードするには、encodeURIComponent()関数を使用します。これにより、スペースが"%20"に置き換えられます。

const originalString = "Hello World";
const encodedString = encodeURIComponent(originalString);
console.log(encodedString); // 出力: "Hello%20World"

3. 正規表現を使用した置換: 正規表現を使って、文字列内の"%20"をスペースに置き換えることもできます。

const encodedString = "Hello%20World";
const replacedString = encodedString.replace(/%20/g, " ");
console.log(replacedString); // 出力: "Hello World"

4. スプリットとジョイン: 文字列をスプリットして、"%20"を区切り文字として分割し、ジョインしてスペースで結合する方法もあります。

const encodedString = "Hello%20World";
const splitArray = encodedString.split("%20");
const joinedString = splitArray.join(" ");
console.log(joinedString); // 出力: "Hello World"

これらの方法を使用することで、JavaScriptで%20を含む文字列を処理することができます。適切なメソッドを選択し、処理する文字列に応じて最適な方法を選びましょう。