How do we use the encodeURIComponent() function in JavaScript ?
The encodeURIComponent()
function in JavaScript is used to encode special characters in a URL, ensuring that the resulting string can be safely included as a component of a URL without causing issues. This function is particularly useful when you need to construct query parameters or other parts of a URL that may contain reserved characters.
Example: Here, spaces are replaced with %20
, commas with %2C
, exclamation marks with %21
, and question marks with %3F
. This ensures that the resulting encodedInput
is a URL-safe representation of the original string.
Javascript
const userInput = 'Hello, World! How are you?' ; // Using encodeURIComponent to encode // the user input for a URL const encodedInput = encodeURIComponent(userInput); console.log(encodedInput); // Output: Hello%2C%20World%21%20How%20are%20you%3F |
Output
Hello%2C%20World!%20How%20are%20you%3F