QueryString with javascript (v20)

Revision 20 of this benchmark created by Tri on

Description

Test two methods of retrieving QueryString values with javascript.

Preparation HTML

<script>
  var query = "?q=my+search+query&value=55";
  
  window.GetQueryString = function(q) {
   return (function(a) {
    if (a == "") return {};
    var b = {};
    for (var i = 0; i < a.length; ++i) {
     var p = a[i].split('=');
     if (p.length != 2) continue;
     b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));
    }
    return b;
   })(q.split("&"));
  };
  
  window.getParameterByName = function(name) {
   name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
   var regexS = "[\\?&]" + name + "=([^&#]*)";
   var regex = new RegExp(regexS);
   var results = regex.exec(window.location.href);
   if (results == null) return false;
   else return decodeURIComponent(results[1].replace(/\+/g, " "));
  }

function getQueryVariable(variable)
{
      // var query = window.location.search.substring(1);
       var vars = query.substring(1).split("&");
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("=");
               if(pair[0] == variable){return decodeURIComponent(pair[1].replace(/\+/g, " "));}
       }
       return(false);
}


function rg(a, b) {
    b = RegExp('[?&]' + a + '=([^&]*)').exec(query);

    return b ? decodeURIComponent(b[1].replace(/\+/g, ' ')): false;
}


function split2(strKey, arrSearch       ) {
                 arrSearch      = query.split(strKey + '=')[1];
return arrSearch ? decodeURIComponent(arrSearch.split('&')[0].replace(/\+/g, ' ')) : false;
}
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
Split method
var qs = window.GetQueryString(query);

var search = qs["q"];
var value = qs["value"];
var undef = qs["undefinedstring"];
ready
Regex method
var search = window.getParameterByName("q");
var value = window.getParameterByName("value");
var undef = window.getParameterByName("undefinedstring");
ready
pure js method
var search = getQueryVariable("q");
var value = getQueryVariable("value");
var undef = getQueryVariable("undefinedstring");
ready
regex 2
var search = rg("q");
var value = rg("value");
var undef = rg("undefinedstring");
ready
split 2
var search = split2("q");
var value = split2("value");
var undef = split2("undefinedstring");
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.