`; 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); } }); suite.add('Option node', function() { const htmlStr = `
`; const option = new Option(''); function escape(str) { option.label = str; return option.label; } let i = 0; for (; i < 10000; i++) { escape(htmlStr); } }); suite.add('Replace A', function() { const htmlStr = `
`; function escape(str) { const E = [ ['&', '&'], ['<', '<'], ['>', '>'], ["'", '''], ['"', '"'], ]; return (v) => E.reduce((r, e) => str.replaceAll(e[0], e[1]), v); } let i = 0; for (; i < 10000; i++) { escape(htmlStr); } }); suite.add('Replace B', function() { const htmlStr = `
`; function escape(str) { return str.replaceAll('&', '&') .replaceAll('<', '<') .replaceAll('>', '>') .replaceAll("'", ''') .replaceAll('"', '"'); return (v) => E.reduce((r, e) => str.replaceAll(e[0], e[1]), v); } let i = 0; for (; i < 10000; i++) { escape(htmlStr); } }); suite.add('Replace C', function() { const htmlStr = `
`; function escape(str) { return ('' + str).replace(/[^\w. ]/gi, c => '&#' + c.charCodeAt(0) + ';') } let i = 0; for (; i < 10000; i++) { escape(htmlStr); } }); suite.on('start', pageController.onStartHandler); suite.on('cycle', pageController.onCycleHandler); suite.on('abort', pageController.onAbortHandler); suite.on('error', pageController.onErrorHandler); suite.on('reset', pageController.onResetHandler); suite.on('complete', pageController.onCompleteHandler); suite.run({ 'async': true });