このガイドでは、decodeURIComponent() メソッドと decodeURI() メソッドの違いを説明します。
まずは基本的なところから見ていきましょう decodeURIComponent() そしてその デコードURI メソッド
それらの違いに進む前に。
JavaScript の「decodeURIComponent()」メソッドと「decodeURI()」メソッドの違いは何ですか?
このセクションでは、「decodeURIComponent()」メソッドと「decodeURI()」メソッドの重要な違いについて説明します。
| 条項 | decodeURIComponent() | デコードURI() |
| 使用法 | 「decodeURIComponent()」は、「encodeURIComponent()」メソッドでエンコードされたURIのコンポーネントをデコードするために使用されます。 | 「decodeURI()」は、「encodeURI」メソッドを使用してエンコードされた完全な URI をデコードするために使用されます。 |
| パラメーター | 「decodeURIComponent()」は、デコードの必須パラメータとして「encodeURIComponent()」メソッドによって「エンコードされた」URI を必要とします。 | 「decodeURI()」には、デコード操作を実行するための必須パラメータとして「encodeURI()」メソッドを介して「エンコードされた」URI が必要です。 |
| 制限 | 「decodeURIComponent()」は、「;」の間にある URI の部分のみをデコードします。 / ? : @ & = + $ , #」の区切り文字。これらの文字は特殊文字ではなくテキストとして扱われます。 | 「decodeURIComponent()」は完全な URI をデコードします。 |
ここで、記載されている違いを実際に見てみましょう。
違い1：「用途」に応じた「decodeURIComponent()」「decodeURI()」メソッドの適用
最初の違いによれば、「decodeURIComponent()」メソッドは「encodeURIComponent()」メソッドを介してエンコードされた文字列をデコードし、「decodeURI()」は「encodedURI()」メソッドを介してエンコードされた文字列をデコードします。
JavaScript コード
< 脚本 >変数ウリ = '%3B%2C%41%3F%3A%41%26%3D'
var encoded_URI = encodeURIコンポーネント ( タイプ ) ;
コンソール。 ログ ( 「出力(decodeURIComponent()):」 + デコードURIコンポーネント ( タイプ ) )
var encoded_uri = エンコードURI ( タイプ ) ;
コンソール。 ログ ( 「デコードされた URI:」 + デコードURI ( encoded_uri ) ) ;
脚本 >
上記のコード スニペットでは次のようになります。
- 「uri」変数はURI(Uniform Resource Identifier)を初期化します。
- 「encoded_URI」変数は「 encodeURIComponent() ”メソッドを使用して、渡された「uri」をパラメータとしてエンコードします。
- 次に、「console.log()」メソッドは「 decodeURIComponent() 」メソッドを使用して、最近エンコードされた文字列をデコードし、コンソールに表示します。
- その後、「 デコードURI() 」メソッドは、エンコードされた URI を「 encodeURI() 」メソッドを「encoded_uri」変数で指定します。
出力
コンソールには、「decodeURIComponent()」および「decodeURI()」メソッドを使用してデコードされた URI が表示されていることがわかります。
違い2: 「パラメータ」に基づいて「decodeURIComponent()」および「decodeURI()」メソッドを適用する
「相違点 1」では、「decodeURIComponent()」が「encodeURIComponent()」メソッドを介してエンコードされた URI を受け入れ、「decodeURI()」が「encodeURI()」メソッドを介してエンコードされた URI に対して動作することが明確にわかります。パラメータ。
違い 3: 「デコードされた文字」に基づいて「decodeURIComponent()」および「decodeURI()」メソッドを適用する
「decodeURIComponent()」メソッドと「decodeURI()」メソッドの 3 番目の違いは、特定の URI をデコードすることで分析できます。実際に見てみましょう。
JavaScript コード
< 脚本 >変数ウリ = 「@%20&%7F=%3A%41%26%3D」
コンソール。 ログ ( '出力(decodeURIComponent()): ' + デコードURIコンポーネント ( タイプ ) )
コンソール。 ログ ( 「出力(decodeURI()):」 + デコードURI ( タイプ ) )
脚本 >
指定されたスクリプト セクションで次のようにします。
- 最初 ' console.log() ” メソッドは、” を使用してデコードされた URI を表示します。 decodeURIComponent() ' 方法。
- 2 番目の「console.log()」メソッドは、「 デコードURI() ' 方法。
出力
コンソールには、「decodeURIComponent()」メソッドが完全な URI ではなく、「@ & =」文字の間にある URI コンポーネントのみをデコードすることが明確に示されています。
結論
JavaScript」 decodeURIComponent() ' そしてその ' デコードURI() 」の方法は「」によって異なります。 使用法 ”、” パラメーター '、 そしてその ' 制限 」要因。相互の主な/重要な違いは、「decodeURIComponent()」メソッドは URI コンポーネントをデコードするのに対し、「decodeURI()」メソッドは完全な URI をデコードすることです。このガイドでは、decodeURIComponent() メソッドと decodeURI() メソッドの主な違いを実際に説明しました。