decodeURI【URI デコード】
decodeURIComponent【URIコンポーネント デコード】
encodeURI【URI エンコード】
encodeURIComponent【URIコンポーネント エンコード】
escape【エンコード】
unescape【デコード】

decodeURI【URI デコード】

メモ

概要

外部リンク

構文

decodeURI( encodedURI )

デコードされた URI
encodedURIエンコードされた URI

URIError 例外
有効なエンコード形式以外
存在しない文字コードにデコードされる

var uri = "azAz09-_.!~*'();/?:@&=+$,# あいう";
var uri1 = encodeURI(uri);
var uri2 = encodeURIComponent(uri);
var uri3 = escape(uri);
console.log(uri1);
// 出力:azAz09-_.!~*'();/?:@&=+$,#%20%E3%81%82%E3%81%84%E3%81%86
console.log(uri2);
// 出力:azAz09-_.!~*'()%3B%2F%3F%3A%40%26%3D%2B%24%2C%23%20%E3%81%82%E3%81%84%E3%81%86
console.log(uri3);
// 出力:azAz09-_.%21%7E*%27%28%29%3B/%3F%3A@%26%3D+%24%2C%23%20%u3042%u3044%u3046
console.log(decodeURI(uri1));           // 出力:azAz09-_.!~*'();/?:@&=+$,# あいう
console.log(decodeURIComponent(uri2));  // 出力:azAz09-_.!~*'();/?:@&=+$,# あいう
console.log(unescape(uri3));            // 出力:azAz09-_.!~*'();/?:@&=+$,# あいう

decodeURIComponent【URIコンポーネント デコード】

メモ

概要

外部リンク

構文

decodeURIComponent( encodedURIComponent )

デコードされた URIコンポーネント
encodedURIComponentエンコードされた URIコンポーネント

URIError 例外
有効なエンコード形式以外
存在しない文字コードにデコードされる

var uri = "azAz09-_.!~*'();/?:@&=+$,# あいう";
var uri1 = encodeURI(uri);
var uri2 = encodeURIComponent(uri);
var uri3 = escape(uri);
console.log(uri1);
// 出力:azAz09-_.!~*'();/?:@&=+$,#%20%E3%81%82%E3%81%84%E3%81%86
console.log(uri2);
// 出力:azAz09-_.!~*'()%3B%2F%3F%3A%40%26%3D%2B%24%2C%23%20%E3%81%82%E3%81%84%E3%81%86
console.log(uri3);
// 出力:azAz09-_.%21%7E*%27%28%29%3B/%3F%3A@%26%3D+%24%2C%23%20%u3042%u3044%u3046
console.log(decodeURI(uri1));           // 出力:azAz09-_.!~*'();/?:@&=+$,# あいう
console.log(decodeURIComponent(uri2));  // 出力:azAz09-_.!~*'();/?:@&=+$,# あいう
console.log(unescape(uri3));            // 出力:azAz09-_.!~*'();/?:@&=+$,# あいう

encodeURI【URI エンコード】

メモ

概要

外部リンク

構文

encodeURI( uri )

エンコードされた URI
uriURI

URIError 例外
存在しない文字コード指定

var uri = "azAz09-_.!~*'();/?:@&=+$,# あいう";
var uri1 = encodeURI(uri);
var uri2 = encodeURIComponent(uri);
var uri3 = escape(uri);
console.log(uri1);
// 出力:azAz09-_.!~*'();/?:@&=+$,#%20%E3%81%82%E3%81%84%E3%81%86
console.log(uri2);
// 出力:azAz09-_.!~*'()%3B%2F%3F%3A%40%26%3D%2B%24%2C%23%20%E3%81%82%E3%81%84%E3%81%86
console.log(uri3);
// 出力:azAz09-_.%21%7E*%27%28%29%3B/%3F%3A@%26%3D+%24%2C%23%20%u3042%u3044%u3046
console.log(decodeURI(uri1));           // 出力:azAz09-_.!~*'();/?:@&=+$,# あいう
console.log(decodeURIComponent(uri2));  // 出力:azAz09-_.!~*'();/?:@&=+$,# あいう
console.log(unescape(uri3));            // 出力:azAz09-_.!~*'();/?:@&=+$,# あいう

encodeURIComponent【URIコンポーネント エンコード】

メモ

概要

外部リンク

構文

encodeURIComponent( uriComponent )

エンコードされた URIコンポーネント
uriComponentURIコンポーネント

URIError 例外
存在しない文字コード指定

var uri = "azAz09-_.!~*'();/?:@&=+$,# あいう";
var uri1 = encodeURI(uri);
var uri2 = encodeURIComponent(uri);
var uri3 = escape(uri);
console.log(uri1);
// 出力:azAz09-_.!~*'();/?:@&=+$,#%20%E3%81%82%E3%81%84%E3%81%86
console.log(uri2);
// 出力:azAz09-_.!~*'()%3B%2F%3F%3A%40%26%3D%2B%24%2C%23%20%E3%81%82%E3%81%84%E3%81%86
console.log(uri3);
// 出力:azAz09-_.%21%7E*%27%28%29%3B/%3F%3A@%26%3D+%24%2C%23%20%u3042%u3044%u3046
console.log(decodeURI(uri1));           // 出力:azAz09-_.!~*'();/?:@&=+$,# あいう
console.log(decodeURIComponent(uri2));  // 出力:azAz09-_.!~*'();/?:@&=+$,# あいう
console.log(unescape(uri3));            // 出力:azAz09-_.!~*'();/?:@&=+$,# あいう

escape【エンコード】

メモ

概要

外部リンク

構文

escape( string ) 

エスケープシーケンスにエンコードされた文字列
stringエンコードする文字列

var uri = "azAz09-_.!~*'();/?:@&=+$,# あいう";
var uri1 = encodeURI(uri);
var uri2 = encodeURIComponent(uri);
var uri3 = escape(uri);
console.log(uri1);
// 出力:azAz09-_.!~*'();/?:@&=+$,#%20%E3%81%82%E3%81%84%E3%81%86
console.log(uri2);
// 出力:azAz09-_.!~*'()%3B%2F%3F%3A%40%26%3D%2B%24%2C%23%20%E3%81%82%E3%81%84%E3%81%86
console.log(uri3);
// 出力:azAz09-_.%21%7E*%27%28%29%3B/%3F%3A@%26%3D+%24%2C%23%20%u3042%u3044%u3046
console.log(decodeURI(uri1));           // 出力:azAz09-_.!~*'();/?:@&=+$,# あいう
console.log(decodeURIComponent(uri2));  // 出力:azAz09-_.!~*'();/?:@&=+$,# あいう
console.log(unescape(uri3));            // 出力:azAz09-_.!~*'();/?:@&=+$,# あいう

unescape【デコード】

メモ

概要

外部リンク

構文

unescape( string ) 

エスケープシーケンスからデコードされた文字列
stringデコードする文字列

var uri = "azAz09-_.!~*'();/?:@&=+$,# あいう";
var uri1 = encodeURI(uri);
var uri2 = encodeURIComponent(uri);
var uri3 = escape(uri);
console.log(uri1);
// 出力:azAz09-_.!~*'();/?:@&=+$,#%20%E3%81%82%E3%81%84%E3%81%86
console.log(uri2);
// 出力:azAz09-_.!~*'()%3B%2F%3F%3A%40%26%3D%2B%24%2C%23%20%E3%81%82%E3%81%84%E3%81%86
console.log(uri3);
// 出力:azAz09-_.%21%7E*%27%28%29%3B/%3F%3A@%26%3D+%24%2C%23%20%u3042%u3044%u3046
console.log(decodeURI(uri1));           // 出力:azAz09-_.!~*'();/?:@&=+$,# あいう
console.log(decodeURIComponent(uri2));  // 出力:azAz09-_.!~*'();/?:@&=+$,# あいう
console.log(unescape(uri3));            // 出力:azAz09-_.!~*'();/?:@&=+$,# あいう