JavaScript URIエンコード(encodeURIComponentとdecodeURIComponent)

JavaScriptのURIのエンコードとデコードのサンプルです。
encodeURIComponent関数とdecodeURIComponent関数を使用します。

encodeURIComponent関数

encodeURIComponent  ( 文字列 )

コード

エンコードのサンプルです。
6行目のアルファベット、10進数字、- _ . ! ~ * ' ( ) は、エスケープされていません。

<script>
var str1 = 'あいAB1212';
document.write("1:",encodeURIComponent(str1),"<br>");
// 1:%E3%81%82%E3%81%84AB12%EF%BC%91%EF%BC%92

var str2 = 'a1-_.!~*\'()?:#$&=';
document.write("2:",encodeURIComponent(str2),"<br>");
// 2:a1-_.!~*'()%3F%3A%23%24%26%3D
</script>

decodeURIComponent関数

decodeURIComponent ( encodeURIComponentでエンコードされた文字列 )

コード

デコードのサンプルです。
6行目のencodeURIComponent関数でエスケープされない文字(a1-_.!~*'())は、そのまま出力されます。

<script>
var str1 = "%E3%81%82%E3%81%84AB12%EF%BC%91%EF%BC%92";
document.write("1:",decodeURIComponent(str1),"<br>");
// 1:あいAB1212

var str2 = "a1-_.!~*'()%3F%3A%23%24%26%3D";
document.write("2:",decodeURIComponent(str2),"<br>");
// 2:a1-_.!~*'()?:#$&=
</script>


△上に戻る