JavaScript

[JavaScript] URLエンコード/デコードを行う

投稿日:2016年10月1日 更新日:

URLエンコード/デコードを行うサンプルです。

URLエンコードを行う

URLエンコードを行うには、encodeURIComponentまたはencodeURIを使います。

例)encodeURIComponentを使うパターン

(結果)
%E3%81%82%E3%81%84%E3%81%86%3F%26ABC

例)encodeURIを使うパターン

(結果)
%E3%81%82%E3%81%84%E3%81%86?&ABC

URLデコードを行う

URLデコードを行うには、decodeURIComponentまたはdecodeURIを使います。

例)decodeURIComponentを使うパターン

(結果)
あいう?&ABC

例)decodeURIを使うパターン

(結果)
あいう%3F%26ABC

解説

  • URLエンコード(文字列 → エンコード文字)を行うには、encodeURIComponent/encodeURIを使用します。
  • URLデコード(エンコード文字 → 文字列)を行うには、decodeURIComponent/decodeURIを使用します。
  • Componentが付くか付かないかの違いは、URI文字で特別な意味を持つ記号等(?&/=@;:+$,)を変換するかしないかの違いです。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] canvasの画像をBase64形式に変換する

canvasの画像をBase64形式に変換するには、.toDataURL()を使用します。 サンプルソース 例)canv ...

[JavaScript] 値を厳密に比較する(===、!==) 厳密等価演算子

JavaScriptで値を比較する時、型も同じかどうかを比較するには「===」で比較します。 「===」は厳密等価演算子 ...

[JavaScript] 同名Functionが複数存在する場合の動き

同じfunction名の関数が複数定義されている場合は、一番最後に定義されているfunctionが実行されます。 同名・ ...

[JavaScript] 特殊な数値(NaNとInfinity)

JavaScriptの数値型には、1、2、3といった通常の数値以外に、 NaNとInfinityの2つの特殊な数値があり ...

[JavaScript] 画像の元サイズを取得する(.naturalWidth/.naturalHeight)

imgタグに縮小/拡大表示された画像の元サイズを取得するには、.naturalWidth/.naturalHeightを ...

スポンサーリンク