Info

Speed test escaping html characters with if statements and regular expressions.

Preparation code

 
<script>
  Benchmark.prototype.setup = function() {
    function encodeWithIfs(str) {
      var result = ""
      for (var cc = 0; cc < str.length; cc++) {
        var c = str.charAt(cc)
        if (c == "&") result += '&amp;'
        else if (c == '"') result += '&quot;'
        else if (c == "'") result += '&#39;'
        else if (c == "<") result += '&lt;'
        else if (c == ">") result += '&gt;'
        else result += c
      }
      return result
    }
    
    function endcodeWithRegEx(str) {
      return str.replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/'/g, '&#39;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
    }
    
    function endcodeWithRegEx2(str) {
      return str.replace(/[&<>"'`]/g, function(chr) {
        return '&#' + chr.charCodeAt(0) + ';'
      })
    }
    
    function doEncode(func) {
      var a = func("<div></div>")
      var b = func("This is a string with no replacements")
      var c = func("All replacement chars & \" ' < >")
    }
    
    var goog_string_amperRe_ = /&/g;
    var goog_string_ltRe_ = /</g;
    var goog_string_gtRe_ = />/g;
    var goog_string_quotRe_ = /\"/g;
    var goog_string_allRe_ = /[&<>\"]/;
    
    function goog_string_htmlEscape(str) {
      // quick test helps in the case when there are no chars to replace, in
      // worst case this makes barely a difference to the time taken
      if (!goog_string_allRe_.test(str)) return str;
    
      // str.indexOf is faster than regex.test in this case
      if (str.indexOf('&') != -1) {
        str = str.replace(goog_string_amperRe_, '&amp;');
      }
      if (str.indexOf('<') != -1) {
        str = str.replace(goog_string_ltRe_, '&lt;');
      }
      if (str.indexOf('>') != -1) {
        str = str.replace(goog_string_gtRe_, '&gt;');
      }
      if (str.indexOf('"') != -1) {
        str = str.replace(goog_string_quotRe_, '&quot;');
      }
      return str;
    }
  };
</script>

Test runner

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

Java applet disabled.

doEncode(encodeWithIfs)

doEncode(endcodeWithRegEx)

doEncode(endcodeWithRegEx2)

doEncode(goog_string_htmlEscape)

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 Dan Rzeppa on 3rd May 2012
• Revision 2: published by Dan Rzeppa on 10th June 2012
• Revision 3: published by WebReflection on 10th August 2012
• Revision 4: published by Johan Sundström on 11th October 2012
• Revision 5: published on 27th October 2012
• Revision 8: published by Eamon Nerbonne on 30th November 2012
• Revision 9: published by Eamon Nerbonne on 1st December 2012
• Revision 10: published by Dan Rzeppa on 27th December 2012
• Revision 11: published by Dan Rzeppa on 20th February 2013

0 comments