JavaScript: encodeURIComponent functions


The encodeURIComponent function is used to encodes a Uniform Resource Identifier (URI) component by replacing each instance of certain characters by one, two or three escape sequences representing the UTF-8 encoding of the character.

encodeURIComponent escapes all characters except the following:
alphabetic, decimal digits, - _ . ! ~ * ' ( )




str1: A complete, encoded Uniform Resource Identifier.

Example encodeURIComponent Functions

In the following web document encodeURIComponent() function is used to encode a URL parameter.

JavaScript Code:

xyz = encodeURIComponent("http://myw3r.com/x=31&y=21");
//Lets create an URL
url1 = "https://w3resource.com/xyz=" + xyz + "&xyz3=45";
//Here is the complete URL

View the example in the browser

Live demo

See the Pen encodeURIComponent-function-1 by w3resource (@w3resource) on CodePen.

Previous: JavaScript: decodeURI function
Next: JavaScript: decodeURIComponent functions

Test your Programming skills with w3resource's quiz.

Share this Tutorial / Exercise on : Facebook and Twitter

JavaScript: Tips of the Day

var keyword

var num = 8;
var num = 10;


With the var keyword, you can declare multiple variables with the same name. The variable will then hold the latest value.
You cannot do this with let or const since they're block-scoped.

Ref: https://bit.ly/323Y0P6