JavaScriptのGlobalオブジェクト escape() メソッドの使い方メソッドについて記載します。
概要、実際のサンプルコードを交えて構文などの使い方をまとめてみました。
JavaScriptのGlobalオブジェクトとは？
グローバルオブジェクトはどこでも利用可能な変数と関数を提供し、デフォルトで言語や環境に組み込まれています。
それでは、次に本題の説明に移ります。
JavaScriptのGlobalオブジェクト escape() メソッドの使い方概要
escape() メソッドは、文字列をエスケープシーケンスに変換します。
引数として渡された文字列を、URL エンコード形式に変換します。
構文、使い方
構文：escape(string)
使い方：文字列をURLエンコードするために使用します。
引数について
escape() メソッドは、文字列をURLエンコードします。引数には、エンコードする文字列を指定します。
返り値について
escape() メソッドは、文字列をエスケープした文字列を返します。
エスケープされた文字列は、URLパラメータとして使用できる形式に変換されます。
このメソッドを利用した便利なテクニック
escape() メソッドを使うと、URLパラメーターをエンコードすることができます。
例えば、URLパラメーターに文字列を渡すとき、特殊文字をエンコードする必要があります。
このとき、escape() メソッドを使うと便利です。
現場で実際にどのように使われているか
escape() メソッドは、文字列をURLエンコードしてURLパラメータとして使用できる形式に変換するために使用されます。
例えば、次のようなURLパラメータを作成するために使用できます。
|
1 |
let urlParams = 'name=' + escape('John Doe'); |
JavaScriptのGlobalオブジェクト escape() メソッドの使い方と一緒によく使われる処理
一般的にescape()メソッドは、文字列をURLエンコードするために使用されます。
そのため、escape()メソッドを使用して文字列をエンコードした後、decodeURIComponent()メソッドを使用してデコードする処理がよく行われます。
これは、URLエンコードされた文字列をデコードするために必要な処理です。
使用する上での注意点
escape() メソッドは、文字列をURLエンコードします。
使用する際は、文字列を正しくエンコードするために、文字列が正しい文字コードであることを確認する必要があります。
また、エンコードされた文字列をデコードする際は、decodeURI() メソッドを使用する必要があります。
JavaScriptのGlobalオブジェクト escape() メソッドの使い方と似た処理のJSメソッド、違い
encodeURI() メソッドと似ていますが、下記の違いがあります。
- encodeURI() メソッド: このメソッドは、URI をエンコードするために使用します。
- escape() メソッドは、URI の一部の文字をエンコードするのに対して、encodeURI() メソッドは、URI 全体をエンコードする点です。
JavaScriptのGlobalオブジェクト escape() メソッドの使い方を使ったサンプルコードの紹介
escape()メソッドの使い方サンプル1
|
1 2 3 4 |
// 文字列をエンコードする var str = '日本語'; var encodedStr = escape(str); console.log(encodedStr); |
escape()メソッドの使い方サンプル2
|
1 2 3 4 |
// エンコードされた文字列をデコードする var encodedStr = '%u65E5%u672C%u8A9E'; var decodedStr = unescape(encodedStr); console.log(decodedStr); |
JavaScript Globalオブジェクトの他メソッドについて
JavaScriptのGlobalオブジェクトの他メソッドについては、下記記事にもまとめていますので参考にしてみてください
| メソッド名 | 機能 | リンク |
| decodeURI() | URIを解読します | JavaScriptのGlobalオブジェクト decodeURLメソッドの使い方 |
| decodeURI Component() |
URIコンポーネントをデコードします | JavaScriptのGlobalオブジェクト decodeURLメソッドの使い方 |
| encodeURI() | URIをエンコードします | JavaScriptのGlobalオブジェクト encodeURIメソッドの使い方 |
| encodeURI Component() |
URIコンポーネントをエンコードします | JavaScriptのGlobalオブジェクト encodeURIcomponentメソッドの使い方 |
| escape() | 非推奨。代わりに使用： encodeuri（） encodeuricomponent（） |
JavaScriptのGlobalオブジェクト escapeメソッドの使い方 |
| eval() | 文字列を評価し、スクリプトコードのように実行する | JavaScriptのGlobalオブジェクト evalメソッドの使い方 |
| isFinite() | 値が有限の法的番号であるかどうかを判断します | JavaScriptのGlobalオブジェクト isFiniteメソッドの使い方 |
| isNaN() | 値が違法な数であるかどうかを決定します | JavaScriptのGlobalオブジェクト isNaNメソッドの使い方 |
| Number() | オブジェクトの値を数値に変換します | JavaScriptのGlobalオブジェクト Numberメソッドの使い方 |
| parseFloat() | 文字列を解析し、フローティングポイント番号を返します | JavaScriptのGlobalオブジェクト parseFloatメソッドの使い方 |
| parseInt() | 文字列を解析し、整数を返します | JavaScriptのGlobalオブジェクト parseIntメソッドの使い方 |
| String() | オブジェクトの値を文字列に変換します | JavaScriptのGlobalオブジェクト Stringメソッドの使い方 |
また、JavaScriptの公式ドキュメントであるMDNで記載されているGlobalオブジェクトのescapeメソッドについても補足としてリンクを貼っておきます。参考にしてみてください。
