QueryString with javascript

JavaScript performance comparison

Revision 9 of this test case created by Martin

Info

Test 4 methods of retrieving QueryString values with javascript.

Preparation code

<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 "";
    else return decodeURIComponent(results[1].replace(/\+/g, " "));
  }

  window.getParameterByName2 = function(name) {
    var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
    return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
  }

  window.getParameterByName3 = function(n){
      var half = location.search.split(n+'=')[1];
      return half? decodeURIComponent(half.split('&')[0]):null;
  }
</script>

Test runner

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

Java applet disabled.

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

var search = qs["q"];
var value = qs["value"];
var undef = qs["undefinedstring"];
pending…
Regex method
var search = window.getParameterByName("q");
var value = window.getParameterByName("value");
var undef = window.getParameterByName("undefinedstring");
pending…
Another....
var search = window.getParameterByName2("q");
var value = window.getParameterByName2("value");
var undef = window.getParameterByName2("undefinedstring");
pending…
simplest and faster!
var search = window.getParameterByName3("q");
var value = window.getParameterByName3("value");
var undef = window.getParameterByName3("undefinedstring");
pending…

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:

1 comment

Eugene Ryabtsev commented :

getParameterByName3 is buggy. While window.getParameterByName2("e") is undefined, window.getParameterByName3("e") evaluates to "55".

Add a comment