Javascript replace all "%20" with a space

Question

Is there a way to replace every "%20" with a space using JavaScript. I know how to replace a single "%20" with a space but how do I replace all of them?

var str = "Passwords%20do%20not%20match";    var replaced = str.replace("%20", " "); // "Passwords do%20not%20match" 

Answer 1

Check this out: How to replace all occurrences of a string in JavaScript?

Short answer:

str.replace(/%20/g, " "); 

EDIT: In this case you could also do the following:

decodeURI(str) 

Answer 2

The percentage % sign followed by two hexadecimal numbers (UTF-8 character representation) typically denotes a string which has been encoded to be part of a URI. This ensures that characters that would otherwise have special meaning don't interfere. In your case %20 is immediately recognisable as a whitespace character - while not really having any meaning in a URI it is encoded in order to avoid breaking the string into multiple "parts".

Don't get me wrong, regex is the bomb! However any web technology worth caring about will already have tools available in it's library to handle standards like this for you. Why re-invent the wheel...?

var str = 'xPasswords%20do%20not%20match'; console.log( decodeURI(str) ); // "xPasswords do not match" 

Javascript has both decodeURI and decodeURIComponent which differ slightly in respect to their encodeURI and encodeURIComponent counterparts - you should familiarise yourself with the documentation.