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-_.!~*'();/?:@&=+$,# あいう