Baseline Widely available
The decodeURIComponent()
function decodes a Uniform Resource Identifier (URI) component previously created by encodeURIComponent()
or by a similar routine.
function containsEncodedComponents(x) {
// ie ?,=,&,/ etc
return decodeURI(x) !== decodeURIComponent(x);
}
console.log(containsEncodedComponents("%3Fx%3Dtest")); // ?x=test
// Expected output: true
console.log(containsEncodedComponents("%D1%88%D0%B5%D0%BB%D0%BB%D1%8B")); // ÑеллÑ
// Expected output: false
Syntax
decodeURIComponent(encodedURI)
Parameters
encodedURI
An encoded component of a Uniform Resource Identifier.
A new string representing the decoded version of the given encoded Uniform Resource Identifier (URI) component.
ExceptionsURIError
Thrown if encodedURI
contains a %
not followed by two hexadecimal digits, or if the escape sequence does not encode a valid UTF-8 character.
decodeURIComponent()
is a function property of the global object.
decodeURIComponent()
uses the same decoding algorithm as described in decodeURI()
. It decodes all escape sequences, including those that are not created by encodeURIComponent
, like -.!~*'()
.
decodeURIComponent("JavaScript_%D1%88%D0%B5%D0%BB%D0%BB%D1%8B");
// "JavaScript_ÑеллÑ"
Catching errors
try {
const a = decodeURIComponent("%E0%A4%A");
} catch (e) {
console.error(e);
}
// URIError: malformed URI sequence
Decoding query parameters from a URL
decodeURIComponent()
cannot be used directly to parse query parameters from a URL. It needs a bit of preparation.
function decodeQueryParam(p) {
return decodeURIComponent(p.replace(/\+/g, " "));
}
decodeQueryParam("search+query%20%28correct%29");
// 'search query (correct)'
Specifications Browser compatibility See also
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4