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

decodeURI【URI デコード】

メモ

構文

decodeURI ( encodedURI )

  • encodedURI:エンコードされた URI

  • デコードされた 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 )

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

  • デコードされた 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:URI

  • エンコードされた URI

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 )

  • uriComponent:URIコンポーネント

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

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

関連