Home ➤ JavaScriptまとめ ➤ エンコード/デコード操作

JavaScript まとめ


エンコード/デコード操作

UNICODE や URI に文字変換するエンコード・デコードに関するリファレンス。(escape、unescape 等)

お品書き
escape文字列をエンコードします (Unicode 形式)。
unescape文字列をでデコードします (Unicode 形式)。
encodeURI文字列をエンコードします (URI)。
decodeURI文字列をデコードします (URI)。
encodeURIComponent文字列をエンコードします (URI)。
decodeURIComponent文字列をデコードします (URI)。
▲TOP



● escape メソッド

【機能】文字列をエンコードします (Unicode 形式)。
【書式】result = escape( charString )
【 例 】result = escape( "イヌでもわかるJavaScript講座" );
【実行結果】 result = %u30A4%u30CC%u3067%u3082%u308F%u304B%u308BJavaScript%u8B1B%u5EA7
【テスト】


  ※ URI (Uniform Resource Identifier) のエンコードは、encodeURI または encodeURIComponent を使用してください。
  ※ Unicode表
▲TOP


● unescape メソッド

【機能】文字列をでデコードします (Unicode 形式)。
【書式】result = unescape( charString )
【 例 】result = unescape( "%u30A4%u30CC%u3067%u3082%u308F%u304B%u308BJavaScript%u8B1B%u5EA7" );
【実行結果】 result = イヌでもわかるJavaScript講座
【テスト】


  ※ Unicode表
▲TOP


● encodeURI メソッド

【機能】文字列をエンコードします (URI)。
【書式】result = encodeURI( charString )
【 例 】result = encodeURI( "/tatsuya/js/index.htm" );
【実行結果】 result = /tatsuya/js/index.htm

【 例 】result = encodeURI( "イヌでもわかるJavaScript講座" );
【実行結果】 result = %E3%82%A4%E3%83%8C%E3%81%A7%E3%82%82%E3%82%8F%E3%81%8B%E3%82%8BJavaScript%E8%AC%9B%E5%BA%A7

【テスト】


  ※ encodeURI は、「:」、「/」、「;」、「?」の各文字はエンコードしません。 これらの文字をエンコードする場合は、encodeURIComponent を使用します。
▲TOP


● decodeURI メソッド

【機能】文字列をデコードします (URI)。
【書式】result = decodeURI( charString )
【 例 】result = decodeURI( "%E3%82%A4%E3%83%8C%E3%81%A7%E3%82%82%E3%82%8F%E3%81%8B%E3%82%8BJavaScript%E8%AC%9B%E5%BA%A7" );
【実行結果】 result = イヌでもわかるJavaScript講座

【 例 】result = decodeURI( "/tatsuya/js/index.htm" );
【実行結果】 result = /tatsuya/js/index.htm

【テスト】


▲TOP


● encodeURIComponent メソッド

【機能】文字列をエンコードします (URI)。
【書式】result = encodeURIComponent( charString )
【 例 】result = encodeURIComponent( "/tatsuya/js/index.htm" );
【実行結果】 result = %2Ftatsuya%2Fjs%2Findex.htm

【 例 】result = encodeURIComponent( "イヌでもわかるJavaScript講座" );
【実行結果】 result = %E3%82%A4%E3%83%8C%E3%81%A7%E3%82%82%E3%82%8F%E3%81%8B%E3%82%8BJavaScript%E8%AC%9B%E5%BA%A7

【テスト】


  ※ すべての文字がエンコードされるので、/tatsuya/js/index.htm などのパスを表す文字列には注意が必要です。
  ※ スラッシュ (/) もエンコードされるので、Web サーバーへの要求として送信する場合は無効になります。
  ※ 文字列に URI コンポーネントが複数含まれる場合は、encodeURI を使用します。
▲TOP


● decodeURIComponent メソッド

【機能】文字列をデコードします (URI)。
【書式】result = decodeURIComponent( charString )
【 例 】result = decodeURIComponent( "%2Ftatsuya%2Fjs%2Findex.htm" );
【実行結果】 result = /tatsuya/js/index.htm

【 例 】result = decodeURIComponent( "%E3%82%A4%E3%83%8C%E3%81%A7%E3%82%82%E3%82%8F%E3%81%8B%E3%82%8BJavaScript%E8%AC%9B%E5%BA%A7" );
【実行結果】 result = イヌでもわかるJavaScript講座

【テスト】



  ※ すべての文字がエンコードされるので、/tatsuya/js/index.htm などのパスを表す文字列には注意が必要です。
  ※ スラッシュ (/) もエンコードされるので、Web サーバーへの要求として送信する場合は無効になります。
  ※ 文字列に URI コンポーネントが複数含まれる場合は、encodeURI 関数を使用します。
▲TOP


▲TOP