JavaScript - ビルトインオブジェクト(encodeURI()関数とencodeURIComponent()関数の違い)

開発環境

• OS X Lion - Apple(OS)
• Safari (Webプラウザ)
• TextWrangler(Text Editor) (BBEditの無料、light版)
• Script言語:JavaScript
• JavaScript Library: jQuery

独習JavaScript 高橋 和也 (著), 竹添 直樹 (著), 里見 知宏 (著) の第5章(ビルトインオブジェクト)の練習問題5.1、1を解いてみる。

1.

どちらもURLエンコードには変わりはないけど、encodeURI()関数は、URIで特殊な意味を持つ文字(;、:、/、@、?、&、$、#、=、+、,)をエンコードしない。

一方encodeURIComponent()関数は、URIで特殊な意味を持つ文字(;、:、/、@、?、&、$、#、=、+、,)も含めてエンコードする。

確認。

コード(TextWrangler)

var str = "kamimura東京;:/@?&$#=+,"; var str1 = encodeURI(str); var str2 = encodeURIComponent(str); var str3 = decodeURI(str1); var str4 = decodeURIComponent(str2); var array = [str, str1, str2, str3, str4]; var result = ""; for(var i = 0; i < array.length; i++){ result += array[i] + "<br />"; } $('#d0').html(result);