Run results for: Escape HTML regex vs replace vs textNode vs Option 4

Test name	Executions per second
✓ Replace A	2,749 Ops/sec
Option node	1,559 Ops/sec
Text node	329 Ops/sec
Replace B	249 Ops/sec
Replace C	119 Ops/sec

Text node

const escapeElement = document.createElement('span');
const escapeTextNode = document.createTextNode('');
escapeElement.append(escapeTextNode);
function escape(str) {
  escapeTextNode.textContent = str;
  return escapeElement.innerHTML;
}

let i = 0;
for (; i < 10000; i++) {
  escape(htmlStr);
}

Option node

const option = new Option('');
function escape(str) {
  option.label = str;
  return option.label;
}

let i = 0;
for (; i < 10000; i++) {
  escape(htmlStr);
}

Replace A

function escape(str) {
  const E = [
    ['&', '&amp;'],
    ['<', '&lt;'],
    ['>', '&gt;'],
    ["'", '&apos;'],
    ['"', '&quot;'],
  ];

  return (v) => E.reduce((r, e) => str.replaceAll(e[0], e[1]), v);
}

let i = 0;
for (; i < 10000; i++) {
  escape(htmlStr);
}

Replace B

function escape(str) {
  return str.replaceAll('&', '&amp;')
    .replaceAll('<', '&lt;')
    .replaceAll('>', '&gt;')
    .replaceAll("'", '&apos;')
    .replaceAll('"', '&quot;');

  return (v) => E.reduce((r, e) => str.replaceAll(e[0], e[1]), v);
}

let i = 0;
for (; i < 10000; i++) {
  escape(htmlStr);
}

Replace C

function escape(str) {
  return ('' + str).replace(/[^\w. ]/gi, c => '&#' + c.charCodeAt(0) + ';')
}

let i = 0;
for (; i < 10000; i++) {
  escape(htmlStr);
}