Benchmark: Escape HTML string tags in JavaScript

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

function escapeHtmlByReplacingCharacters(str) {
  if (typeof str !== 'string') {
    return '';
  }

  const escapeCharacter = (match) => {
    switch (match) {
      case '&': return '&amp;';
      case '<': return '&lt;';
      case '>': return '&gt;';
      case '"': return '&quot;';
      case '\'': return '&#039;';
      case '`': return '&#096;';
      default: return match;
    }
  };

  return str.replace(/[&<>"'`]/g, escapeCharacter);
}

function escapeHtml(strings, ...arguments) {
  const div = document.createElement('div');
  let output = strings[0];
  const args = arguments.entries();

  for (const [i, arg] of args) {
    div.innerText = arg;

    output += div.innerHTML;
    output += strings[i + 1];
  }

  return output;
}

Tests:

escapeHtmlByReplacingCharacters
const testString = "Hello, <b>world</b>! & 'this' is a \"test\" string with `backticks`."; escapeHtmlByReplacingCharacters(testString);
escapeHtml
const testString = "Hello, <b>world</b>! & 'this' is a \"test\" string with `backticks`."; escapeHtml`${testString}`

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
escapeHtmlByReplacingCharacters
escapeHtml

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one month ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:149.0) Gecko/20100101 Firefox/149.0

Browser/OS: Firefox 149 on Mac OS X 10.15

View result in a separate tab

Test name	Executions per second
escapeHtmlByReplacingCharacters	2609434.5 Ops/sec
escapeHtml	1249312.2 Ops/sec

Related benchmarks:

Escape HTML string tags in JavaScript (version: 1)

Escape HTML string tags in JavaScript by Character replacement vs. Tagged template literal function

Comparing performance of: escapeHtmlByReplacingCharacters vs escapeHtml

Created: 10 months ago by: Registered User

Jump to the latest result

escapeHtmlByReplacingCharacters

escapeHtml

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A