JavaScriptのGlobalオブジェクト decodeURI
Component() メソッドの使い方メソッドについて記載します。
概要、実際のサンプルコードを交えて構文などの使い方をまとめてみました。
JavaScriptのGlobalオブジェクトとは?
グローバルオブジェクトはどこでも利用可能な変数と関数を提供し、デフォルトで言語や環境に組み込まれています。
それでは、次に本題の説明に移ります。
JavaScriptのGlobalオブジェクト decodeURI Component() メソッドの使い方概要
decodeURI() メソッドは、URI エンコードされた文字列をデコードします。
引数として URI エンコードされた文字列を渡し、デコードされた文字列を返します。
構文、使い方
使い方の構文:
decodeURI(encodedURI)
使い方:
decodeURI() メソッドは、URI エンコードされた文字列をデコードします。引数としてエンコードされた URI を渡します。デコードされた文字列を返します。
引数について
decodeURI() メソッドは、URI エンコードされた文字列をデコードします。
引数として、URI エンコードされた文字列を渡す必要があります。
返り値について
decodeURI() メソッドは、URI エンコードされた文字列をデコードし、元の文字列を返します。
このメソッドを利用した便利なテクニック
decodeURIを使った便利なテクニックとして、URLパラメータを取得する方法があります。
URLパラメータを取得するには、URLをdecodeURI()メソッドを使ってデコードし、その結果をComponent()メソッドを使って分解します。
Component()メソッドは、URLを「プロトコル」「ホスト」「パス」「クエリ」「フラグメント」の5つの部分に分解することができます。
現場で実際にどのように使われているか
decodeURI() メソッドは、URLエンコードされた文字列をデコードして、元の文字列に戻すために使用されます。
たとえば、URLエンコードされた文字列 “”Hello%20World”” をデコードするには、次のようにします。
1 |
decodeURI(""Hello%20World""); // ""Hello World"" |
JavaScriptのGlobalオブジェクト decodeURI Component() メソッドの使い方と一緒によく使われる処理
decodeURI() メソッドは、URI エンコードされた文字列をデコードするために使用されます。
これは、Web ページ上で使用される文字列を正しく表示するために必要な処理です。
使用する上での注意点
1. decodeURI() メソッドは、URI エンコードされた文字列をデコードします。
2. メソッドを使用する前に、URI エンコードされた文字列が正しいかどうかを確認する必要があります。
3. メソッドを使用してデコードした文字列を処理する前に、XSS 攻撃などのセキュリティ上の問題を考慮する必要があります。
4. メソッドは、URI エンコードされた文字列以外の文字列を渡すと、エラーを返します。
JavaScriptのGlobalオブジェクト decodeURI Component() メソッドの使い方と似た処理のJSメソッド、違い
decodeURI() メソッドと似ていますが、下記の違いがあります。
- decodeURIComponent() メソッドは、URI の中の文字列をデコードします
- decodeURI() メソッドは、URI の中の文字列をデコードしますが、URI の中のパーセントエンコードされた文字をデコードしません。
JavaScriptのGlobalオブジェクト decodeURI Component() メソッドの使い方を使ったサンプルコードの紹介
Component() メソッドの使い方の使ったサンプルコード
1 2 3 4 5 |
// コンポーネントを作成する const MyComponent = { template: ' Hello World! ' } // コンポーネントを登録する Vue.component('my-component', MyComponent) |
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オブジェクトのdecodeURLcomponentメソッドについても補足としてリンクを貼っておきます。参考にしてみてください。