新人エンジニアのメモ

新人エンジニアの日々学んだことをアップしていきます。最近はQiitaも始めました。https://qiita.com/nacho0707

【JavaScript】URLエンコード

URLエンコードとは

  • URLに使用できない文字が含まれる場合に、使用できる文字に変換する処理のこと。
  • 対して、URLデコードはURLエンコードされた文字を元に戻す処理のこと。
  • URLエンコード、URLデコードは、データをクエリ文字列としてWebサーバに送信する場合などで使われる。

 

URLエンコードおよびデコードを行うグローバル関数

関数名 説明
 encodeURIComponent()

 引数の文字列をURLエンコードする。

 英数字と「-」、「_」、「.」、「!」、「~」、「*」、「'」、「(」、「)」は対象外。

 encodeURI()

 引数の文字列をURLエンコードする。

 encodeURIComponent()で対象外の文字列に加え、

「/」、「#」、「&」、「@」、「:」、「;」、「,」、「+」、「$」、「?」、「=」も対象外。

 decodeURIComponent()

 URLエンコードされた文字列をデコードする。

 対象はencodeURIComponent()でURLエンコードされる文字列。

 decodeURI()

 URLエンコードされた文字列をデコードする。

 対象はencodeURI()でURLエンコードされる文字列。