Run results for: Encode html without creating html elements

There are two way of encoding html elements. One is the create an html element and let the browser handle it. The second looks at every character passed in and then runs a regex match on it and replaces the chars with &#CHAR_CODE;.

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36 Edge/16.16299

Browser: Chrome 58

Operating system: Windows

Device Platform: Other

Date tested: 6 years ago

Test name	Executions per second
EncodeByCreatingElement	37789.0 Ops/sec
EncodeUsingRegex	813527.1 Ops/sec

HTML Preparation code:


<script src='https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.min.js'></script>

Script Preparation code:


function EncodeByCreatingElement(value) {
  var element = angular.element('<div></div>');
  element.text(value); // not chainable, see #1044
  return element.html();
}

var regex = /[\u00A0-\u9999<>\&]/g;
function EncodeUsingRegex(value) {
  return value.replace(regex, ['&#', "$&".charCodeAt(0),';'].join(''));
}

function getRandomUnicodeChar() {
  return String.fromCharCode(0x30A0 + Math.random() * (0x30FF-0x30A0+1));
}

Tests:

EncodeByCreatingElement
EncodeByCreatingElement(getRandomUnicodeChar())
EncodeUsingRegex
EncodeUsingRegex(getRandomUnicodeChar())