Info

Test two methods of retrieving QueryString values with javascript. This is a little fairer than BrunoLM's original jsperf test as those two methods attack the problem in different ways.

My code parses the entire query string in one go like BrunoLM's.

Preparation code

<script>
  var query = "q=my+search+query&value=55";
  
  getQSSplit = 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[decodeURIComponent(p[0].replace(/\+/g, " "))] = decodeURIComponent(p[1].replace(/\+/g, " "));
    }
    return b;
   })(q.split("&"));
  };
  
  var urlParams = {};
  function getQSRegEx () {
      var e,
          a = /\+/g,  // Regex for replacing addition symbol with a space
          r = /([^&=]+)=?([^&]*)/g,
          d = function (s) { return decodeURIComponent(s.replace(a, " ")); },
          q = query;
  
      while (e = r.exec(q))
         urlParams[d(e[1])] = d(e[2]);
  };
</script>

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

var qs = getQSSplit(query);

getQSRegEx()

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

• Revision 1: published by BrunoLM on 23rd April 2011
• Revision 2: published by Andrew Petersen on 25th April 2011
• Revision 3: published by Andy E on 4th October 2011
• Revision 4: published on 18th January 2012
• Revision 5: published on 27th January 2012
• Revision 8: published by Justin on 14th August 2012
• Revision 9: published by Martin on 3rd September 2012
• Revision 10: published by rufwork on 21st November 2012
• Revision 12: published by amin on 3rd March 2013

0 comments