#JAVASCRIPT URL EXTRACTOR HOW TO#

Just be careful not to decode something that’s already decoded or else your script will error out, especially if percents are involved.Īnyways, congrats! Now you know how to get a URL parameter, and hopefully have picked up some other tricks along the way. test // 'a%20space' var decoded = decodeURIComponent (original ) // 'a space' If your URL has any encoded special characters like spaces (encoded as %20), you can also decode them to get the original value like this: // assume a url parameter of test=a%20space var original = getAllUrlParams ( ). log (value ) // shirt, blue,, m for ( const entry of entries ) įinally, we return our object with the parameters and values. log (key ) // product, color, newuser, size for ( const value of values ) console. entries ( ) for ( const key of keys ) console. URLSearchParams also provides some familiar Object iterator methods, allowing you iterate over its keys, values and entries: constĮntries = urlParams. getAll ( 'size' ) ) // Iterating over Parameters getAll ( 'size' ) ) // //Programmatically add a second size parameter. You can use URLSearchParams.getAll() to return all of the values associated with a particular parameter: console. In modern browsers, this has become a lot easier, thanks to the URLSearchParams interface.This defines a host of utility methods to work with the query string of a URL. has ( 'paymentmethod' ) ) // false Getting All of a Parameter’s Values

You can use URLSearchParams.has() to check whether a certain parameter exists: console. Other Useful Methods Checking for the Presence of a Parameter

Javascript url extractor