Cool usage of Encoding and Decoding a URI in Javascript
0 likes47 views
The document explains three JavaScript functions: encodeURI(), decodeURI(), and encodeURIComponent(). encodeURI() encodes a URI by replacing reserved characters with their UTF-8 encoding, while encodeURIComponent() encodes all characters, including those ignored by encodeURI(). decodeURI() and decodeURIComponent() are used to reverse the encoding process for their respective functions.
Cool usage of Encoding and Decoding a URI in Javascript
- 1. JS NUGGETS
- 2. encodeURI() Used to encode a URI by replacing URL reserved characters with their UTF-8 encoding. const url = 'https://jsnuggets.com?todays #post'; encodeURI(url); // "https://jsnuggets.com?todays%20#post" decodeURI() Used to decode the URI encoded by encodeURI(). const url = 'https://jsnuggets.com?todays%20#post'; decodeURI(url); // 'https://jsnuggets.com?todays #post';
- 3. encodeURIComponent() encodeURIComponent is designed to encode everything, where encodeURI ignores a URL's domain related roots. In addition, it encodes the following characters as well: , / ? : @ & = + $ # const url = 'https://jsnuggets.com?todays #post'; encodeURIComponent(url); // https%3A%2F%2Fblue-sea-697d.quartiers047.workers.dev%3A443%2Fhttps%2Fjsnuggets.com%3Ftodays%20%23post decodeURIComponent() To decode the URI encoded by encodeURIComponent(). const url = 'https%3A%2F%2Fblue-sea-697d.quartiers047.workers.dev%3A443%2Fhttps%2Fjsnuggets.com%3Ftodays%20%23post'; decodeURIComponent(url); // https://jsnuggets.com?todays #post
- 4. Works effectively on browser console too!! const emoji = encodeURI('😉'); // %F0%9F%98%89 decodeURI(emoji); // 😉