【JavaScript ECMAScript】decodeURIComponent::decodeURIComponent()関数の使い方
decodeURIComponent()関数の使い方について、初心者にもわかりやすく解説します。
基本的な使い方
decodeURIComponent()関数は、URI（Uniform Resource Identifier）の特定のコンポーネントとしてエンコードされた文字列をデコードするために使用される関数です。ウェブ上のリソースを識別するURIでは、スペースや一部の記号、非ASCII文字などが特別な意味を持つため、これらを安全に表現するためにパーセントエンコーディングと呼ばれる形式で変換されます。この関数は、そのパーセントエンコーディングされた文字列を元の文字シーケンスに復元する役割を担います。
この関数は、引数としてデコードしたいエンコード済みのURIコンポーネントの文字列を一つ受け取ります。そして、その文字列内の「%xx」形式のエスケープシーケンスを対応する文字に置き換え、デコードされた新しい文字列を返します。例えば、「%20」はスペースに、「%2F」はスラッシュ（/）に復元されます。
URI全体をデコードする目的のdecodeURI()関数とは異なり、decodeURIComponent()関数は、URIの個々のコンポーネント、例えばパスの一部、クエリパラメータの値、フラグメントなどをデコードする際に適しています。これにより、URIの構造を崩さずに、その構成要素に含まれる特殊文字などを正確に元の形に戻すことができます。無効なエンコーディングシーケンスが入力された場合は、URIErrorがスローされるため注意が必要です。ウェブアプリケーションでユーザーが入力した情報をURLパラメータとして扱う際など、データを安全かつ正確に処理するために非常に重要な関数です。
構文(syntax)
1decodeURIComponent(encodedURIcomponent)
引数(parameters)
encodedURI
- encodedURI: string: URI コンポーネントとしてデコードする文字列
戻り値(return)
string
decodeURIComponent()関数は、URIコンポーネントとしてエンコードされた文字列をデコードして、元の文字列を返します。