PHP's rawurlencode in JavaScript

Here’s what our current JavaScript equivalent to PHP's rawurlencode looks like.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
module.exports = function rawurlencode (str) {
// discuss at: http://locutus.io/php/rawurlencode/
// original by: Brett Zamir (http://brett-zamir.me)
// input by: travc
// input by: Brett Zamir (http://brett-zamir.me)
// input by: Michael Grier
// input by: Ratheous
// bugfixed by: Kevin van Zonneveld (http://kvz.io)
// bugfixed by: Brett Zamir (http://brett-zamir.me)
// bugfixed by: Joris
// reimplemented by: Brett Zamir (http://brett-zamir.me)
// reimplemented by: Brett Zamir (http://brett-zamir.me)
// note 1: This reflects PHP 5.3/6.0+ behavior
// note 1: Please be aware that this function expects \
// note 1: to encode into UTF-8 encoded strings, as found on
// note 1: pages served as UTF-8
// example 1: rawurlencode('Kevin van Zonneveld!')
// returns 1: 'Kevin%20van%20Zonneveld%21'
// example 2: rawurlencode('http://kvz.io/')
// returns 2: 'http%3A%2F%2Fkvz.io%2F'
// example 3: rawurlencode('http://www.google.nl/search?q=Locutus&ie=utf-8')
// returns 3: 'http%3A%2F%2Fwww.google.nl%2Fsearch%3Fq%3DLocutus%26ie%3Dutf-8'

str = (str + '')

// Tilde should be allowed unescaped in future versions of PHP (as reflected below),
// but if you want to reflect current
// PHP behavior, you would need to add ".replace(/~/g, '%7E');" to the following.
return encodeURIComponent(str)
.replace(/!/g, '%21')
.replace(/'/g, '%27')
.replace(/\(/g, '%28')
.replace(/\)/g, '%29')
.replace(/\*/g, '%2A')
}
[ View on GitHub | Edit on GitHub | Source on GitHub ]

How to use

You you can install via npm install locutus and require it via require('locutus/php/url/rawurlencode'). You could also require the url module in full so that you could access url.rawurlencode instead.

If you intend to target the browser, you can then use a module bundler such as Browserify, webpack or rollup.js.

ES5/ES6

This function targets ES5, but as of Locutus 2.0.2 we also support ES6 functions. Locutus transpiles to ES5 before publishing to npm.

A community effort

Not unlike Wikipedia, Locutus is an ongoing community effort. Our philosophy follows The McDonald’s Theory. This means that we don't consider it to be a bad thing that many of our functions are first iterations, which may still have their fair share of issues. We hope that these flaws will inspire others to come up with better ideas.

This way of working also means that we don't offer any production guarantees, and recommend to use Locutus inspiration and learning purposes only.

Notes

  • This reflects PHP 5.3/6.0+ behavior Please be aware that this function expects \ to encode into UTF-8 encoded strings, as found on pages served as UTF-8

Examples

Please note that these examples are distilled from test cases that automatically verify our functions still work correctly. This could explain some quirky ones.

#codeexpected result
1rawurlencode('Kevin van Zonneveld!')'Kevin%20van%20Zonneveld%21'
2rawurlencode('http://kvz.io/')'http%3A%2F%2Fkvz.io%2F'
3rawurlencode('http://www.google.nl/search?q=Locutus&ie=utf-8')'http%3A%2F%2Fwww.google.nl%2Fsearch%3Fq%3DLocutus%26ie%3Dutf-8'

« More PHP url functions