JavaScriptのGlobalオブジェクト encodeURI() メソッドの使い方メソッドについて記載します。
概要、実際のサンプルコードを交えて構文などの使い方をまとめてみました。
JavaScriptのGlobalオブジェクトとは？
グローバルオブジェクトはどこでも利用可能な変数と関数を提供し、デフォルトで言語や環境に組み込まれています。
それでは、次に本題の説明に移ります。
JavaScriptのGlobalオブジェクト encodeURI() メソッドの使い方概要
encodeURI() メソッドは、URI（Uniform Resource Identifier）をエンコードするために使用されます。
このメソッドは、URI の一部として使用できない文字をエスケープシーケンスに変換します。
構文、使い方
構文: encodeURI(uri)
使い方: 文字列uriをURIエンコードした文字列を返します。
引数について
encodeURI() メソッドは、文字列をURIエンコードします。
引数には、URIエンコードする文字列を指定します。
返り値について
encodeURI() メソッドは、URI に使用できる形式に文字列を変換します。
返り値は、変換された文字列です。
このメソッドを利用した便利なテクニック
encodeURI() メソッドを使うと、URL に含まれる特殊文字をエンコードすることができます。
これを使うと、URL のクエリパラメータを渡す際に、特殊文字をエンコードすることで、URL の有効性を確保することができます。
また、URL のパスを構築する際にも、encodeURI() メソッドを使うことで、URL を正しく構築することができます。
現場で実際にどのように使われているか
encodeURI() メソッドは、URL のパラメーターをエンコードするために使用されます。
例えば、次のようなURLを考えます。
このURLのパラメーターをエンコードするには、encodeURI() メソッドを使用します。
|
1 |
encodeURI(""http://example.com?name=John+Smith"") |
これにより、次のようなURLが得られます。
JavaScriptのGlobalオブジェクト encodeURI() メソッドの使い方と一緒によく使われる処理
encodeURI() メソッドは、URLのパラメーターをエンコードするためによく使われます。
なぜなら、URLパラメーターには特殊文字が含まれている可能性があるため、それらを正しく処理するためにエンコードする必要があるからです。
使用する上での注意点
encodeURI() メソッドは、URL の各部分を正しくエンコードするために使用する必要があります。
特定の文字をエンコードしないでください（例：/）。
また、既存のエンコードを上書きしないでください。
JavaScriptのGlobalオブジェクト encodeURI() メソッドの使い方と似た処理のJSメソッド、違い
encodeURIComponent() メソッドと似ていますが、下記の違いがあります。
- encodeURIComponent() メソッドは、URL のパスやクエリ文字列などに使用される特殊文字をエンコードする
- encodeURI() メソッドは、URL 全体をエンコードするものです
JavaScriptのGlobalオブジェクト encodeURI() メソッドの使い方を使ったサンプルコードの紹介
encodeURI() メソッドの使い方サンプル1
|
1 2 3 |
// 文字列をURIエンコードする let encodedURI = encodeURI('http://example.com/?name=日本語&age=20'); console.log(encodedURI); |
encodeURI() メソッドの使い方サンプル2
|
1 2 3 |
// 文字列をURIエンコードする let encodedURI = encodeURI('http://example.com/?name=日本語&age=20&special=!@#$%^&*()'); console.log(encodedURI); |
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オブジェクトのencodeuriメソッドについても補足としてリンクを貼っておきます。参考にしてみてください。
