Info

Add a test using split and join, like the encode function in jQuery Templates.

Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 
<script>
  Benchmark.prototype.setup = function() {
    var html = document.body.innerHTML;
    var map = {
      "&": "&amp;",
      "'": "&#39;",
      '"': "&quot;",
      "<": "&lt;",
      ">": "&gt;"
    };
    var tempJqElement = $(document.createElement("div"));
    var tempElement = document.createElement("div");
    
    function replace_with_switch(c) {
      switch (c) {
      case "&":
        return "&amp;";
      case "'":
        return "&#39;";
      case '"':
        return "&quot;";
      case "<":
        return "&lt;";
      case ">":
        return "&gt;";
      }
    }
    
    function replace_with_map(c) {
      return map[c];
    }
    
    function replace_charcode(c) {
      return '&#'+c.charCodeAt(0)+';';
    }
    
    var re_all = /[&"'\<\>]/g;
    var re_amp = /&/g;
    var re_quot = /"/g;
    var re_apos = /'/g;
    var re_lt = /</g;
    var re_gt = />/g;
    
    var re_arr = [
      [re_amp, '&amp;'],
      [re_quot, '&quot;'],
      [re_apos, '&#39;'],
      [re_lt, '&lt;'],
      [re_gt, '&gt;']
    ];
  };
</script>

Preparation code output

Test runner

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

Java applet disabled.

return (html).replace(re_amp, '&').replace(re_quot, '"').replace(re_apos, ''').replace(re_lt, '<').replace(re_gt, '>');

return (html).replace(re_all, replace_with_map);
 

return (html).replace(re_all, replace_with_switch);

var el = document.createElement('div');
el.appendChild(document.createTextNode(html));
return el.innerHTML;

return tempJqElement.text(html).html();

tempElement.innerText = tempElement.textContent = html;
return tempElement.innerHTML;

return new Option(html).innerHTML;

tempElement.innerHTML = '';
tempElement.appendChild(document.createTextNode(html));
return tempElement.innerHTML;

var t, i, _html = html;
for(var t, i = 0; t = re_arr[i]; i++) {
  _html = _html.replace(t[0], t[1]);
}
return _html;

html.replace(re_all, replace_charcode);

return html.split("<").join("&lt;").split(">").join("&gt;").split('"').join("&#34;").split("'").join("&#39;");

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 yuval on 9th April 2012
• Revision 2: published on 12th April 2012
• Revision 3: published on 23rd May 2012
• Revision 5: published on 11th August 2012
• Revision 6: published on 2nd September 2012
• Revision 7: published on 2nd September 2012
• Revision 8: published by Eamon Nerbonne on 1st December 2012
• Revision 9: published on 7th December 2012
• Revision 11: published on 18th December 2012
• Revision 14: published by Yuval on 21st January 2013
• Revision 15: published by Ian Obermiller on 29th January 2013
• Revision 16: published by ThinkingStiff on 11th March 2013
• Revision 17: published by ThinkingStiff on 11th March 2013
• Revision 18: published on 14th March 2013
• Revision 20: published by Prestaul on 17th April 2013

0 comments