JavaScriptのGlobalオブジェクト decodeURI Componentメソッドの使い方

JavaScriptのGlobalオブジェクト decodeURI
Component() メソッドの使い方メソッドについて記載します。
概要、実際のサンプルコードを交えて構文などの使い方をまとめてみました。

JavaScriptのGlobalオブジェクトとは？
JavaScriptのGlobalオブジェクト decodeURI Component() メソッドの使い方概要
JavaScriptのGlobalオブジェクト decodeURI Component() メソッドの使い方を使ったサンプルコードの紹介
1. Component() メソッドの使い方の使ったサンプルコード
JavaScript Globalオブジェクトの他メソッドについて

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”” をデコードするには、次のようにします。

decodeURI(""Hello%20World""); // ""Hello World""

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() メソッドの使い方の使ったサンプルコード

// コンポーネントを作成する
const MyComponent = {
  template: '
Hello World!
' } // コンポーネントを登録する Vue.component('my-component', MyComponent)

// コンポーネントを作成する

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メソッドの使い方