decodeURI【URI デコード】
decodeURIComponent【URIコンポーネント デコード】
encodeURI【URI エンコード】
encodeURIComponent【URIコンポーネント エンコード】
escape【エンコード】
unescape【デコード】
decodeURI【URI デコード】
メモ
概要
- URI をデコード
- 詳細：エンコード・デコード
- サロゲートペア(4バイト)に対応
- 対応するエンコード：encodeURI【URI エンコード】
外部リンク
- ECMA-262 (英語)
decodeURI (encodedURI) ES2024 (15) ES2023 (14) ES2022 (13)
構文
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コンポーネント デコード】
メモ
概要
- URIコンポーネントをデコード
- 詳細：エンコード・デコード
- サロゲートペア(4バイト)に対応
- 対応するエンコード： encodeURIComponent【URIコンポーネント エンコード】
外部リンク
- ECMA-262 (英語)
decodeURIComponent (encodedURIComponent) ES2024 (15) ES2023 (14) ES2022 (13)
構文
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 エンコード】
メモ
概要
- URI をエンコード
- 詳細：エンコード・デコード
- サロゲートペア(4バイト)に対応
- 対応するデコード：decodeURI【URI デコード】
外部リンク
- ECMA-262 (英語)
encodeURI (uri) ES2024 (15) ES2023 (14) ES2022 (13)
構文
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コンポーネント エンコード】
メモ
概要
- URIコンポーネントをエンコード
- 詳細：エンコード・デコード
- サロゲートペア(4バイト)に対応
- 対応するデコード： decodeURIComponent【URIコンポーネント デコード】
外部リンク
- ECMA-262 (英語)
encodeURIComponent (uriComponent) ES2024 (15) ES2023 (14) ES2022 (13)
構文
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【エンコード】
メモ
概要
- エスケープシーケンスにエンコード (実装依存の為、非推奨)
- 詳細：エンコード・デコード
- 対応するデコード： unescape【デコード】
- 代替
外部リンク
- ECMA-262 (英語)
escape (string) ES2024 (15) ES2023 (14) ES2022 (13)
構文
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【デコード】
メモ
概要
- エスケープシーケンスをデコード (実装依存の為、非推奨)
- 詳細：エンコード・デコード
- 対応するエンコード： escape【エンコード】
- 代替
外部リンク
- ECMA-262 (英語)
unescape (string) ES2024 (15) ES2023 (14) ES2022 (13)
構文
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-_.!~*'();/?:@&=+$,# あいう