Ce guide répertorie la différence entre les méthodes decodeURIComponent() et decodeURI().
Examinons d’abord les bases du décoderURIComponent() et le décoderURI méthodes
avant de passer à leurs différences.
Quelle est la différence entre les méthodes « decodeURIComponent() » et « decodeURI() » en JavaScript ?
Cette section comprend les différences significatives entre les méthodes « decodeURIComponent() » et « decodeURI() » :
| Termes | décoderURIComponent() | décoderURI() |
| Usage | Le « decodeURIComponent() » est utilisé pour décoder les composants de l'URI codé par la méthode « encodeURIComponent() ». | Le « decodeURI() » est utilisé pour décoder l’URI complet codé à l’aide de la méthode « encodeURI ». |
| Paramètres | Le « decodeURIComponent() » nécessite un URI « codé » par la méthode « encodeURIComponent() » comme paramètre obligatoire pour le décodage. | Le « decodeURI() » a besoin d’un URI « codé » via la méthode « encodeURI() » comme paramètre essentiel pour effectuer une opération de décodage. |
| Limitation | Le « decodeURIComponent() » décode uniquement la partie de l'URI située entre le « ; /? : @ & = + $ , #” séparateurs. Il traite ces caractères comme du texte et non comme des caractères spéciaux. | Le « decodeURIComponent() » décode l’URI complet. |
Maintenant, voyons les différences indiquées dans la pratique.
Différence 1 : application des méthodes « decodeURIComponent() » et « decodeURI() » basées sur « l'utilisation »
Selon la première différence, la méthode « decodeURIComponent() » décode la chaîne codée via la méthode « encodeURIComponent() » et la méthode « decodeURI() » décode la chaîne codée via la méthode « encodedURI() ».
Code JavaScript
< scénario >var uri = '%3B%2C%41%3F%3A%41%26%3D'
var encodé_URI = encodeURIComponent ( taper ) ;
console. enregistrer ( 'Sortie (decodeURIComponent()) :' + decodeURIComponent ( taper ) )
var encodé_uri = encodeURI ( taper ) ;
console. enregistrer ( 'URI décodé :' + décoderURI ( encodé_uri ) ) ;
scénario >
Dans l'extrait de code ci-dessus :
- La variable « uri » initialise un URI (Uniform Resource Identifier).
- La variable « encoded_URI » applique le « encodeURIComponent() ' pour encoder le 'uri' passé comme paramètre.
- Ensuite, la méthode « console.log() » utilise le « décoderURIComponent() ' pour décoder la chaîne récemment encodée, puis l'afficher dans la console.
- Après cela, le « décoderURI() ' La méthode décode l'URI codé via le ' encodeURI() ' méthode spécifiée dans la variable ' encoded_uri '.
Sortir
On voit que la console affiche les URI décodés en utilisant les méthodes « decodeURIComponent() » et « decodeURI() »
Différence 2 : application des méthodes « decodeURIComponent() » et « decodeURI() » basées sur les « paramètres »
On peut clairement voir dans la « Différence 1 » que « decodeURIComponent() » accepte l'URI codé via la méthode « encodeURIComponent() » et que « decodeURI() » fonctionne sur l'URI codé via la méthode « encodeURI() » comme un paramètre.
Différence 3 : Application des méthodes « decodeURIComponent() » et « decodeURI() » basées sur les « caractères décodés »
La troisième différence entre les méthodes « decodeURIComponent() » et « decodeURI() » peut être analysée en décodant l'URI spécifique. Voyons cela pratiquement.
Code JavaScript
< scénario >var uri = '@%20&%7F=%3A%41%26%3D'
console. enregistrer ( 'Sortie (decodeURIComponent()) : ' + decodeURIComponent ( taper ) )
console. enregistrer ( 'Sortie(decodeURI()) : ' + décoderURI ( taper ) )
scénario >
Dans la section de script donnée :
- La première ' console.log() ' La méthode affiche l'URI décodé à l'aide du ' décoderURIComponent() ' méthode.
- La deuxième méthode « console.log() » affiche l’URI décodé à l’aide du « décoderURI() ' méthode.
Sortir
La console montre clairement que la méthode « decodeURIComponent() » décode uniquement le composant URI situé entre les caractères « @ & = », et non l'URI complet.
Conclusion
JavaScript' décoderURIComponent() ' et le ' décoderURI() ' Les méthodes diffèrent les unes des autres selon les ' usage », « paramètres ', et le ' limitation ' facteurs. La différence principale/significative entre eux est que la méthode « decodeURIComponent() » décode le composant URI tandis que la méthode « decodeURI() » décode l'URI complet. Ce guide a expliqué pratiquement les principales différences entre les méthodes decodeURIComponent() et decodeURI().