JSFiddle - React, Tailwind, and code Playground

by kougiland

HTML

<div id="result"></div>

JavaScript

var s1 = 'This is a text with lots of characters in it. ç+23&ç%';
var s2 = 'This is a text with lots of characters in it. ç+23&ç%';
var iteration = 1000000;

var t0 = new Date();
// match
for (var i = 0; i < iteration; i++)
    s1.match(s2);

var t1 = new Date();
var r0 = t1.getTime() - t0.getTime();

var t2 = new Date();

// localeCompare
for (var i = 0; i < iteration; i++)
    s1.localeCompare(s2);

var t3 = new Date();
var r1 = t3.getTime() - t2.getTime();

var t4 = new Date();

// Strict equality
for (var j = 0; j < iteration; j++)
    s1 === s2;

var t5 = new Date();
var r2 = t5.getTime() - t4.getTime();

var t6 = new Date();

// Equality
for (var k = 0; k < iteration; k++)
    s1 == s2;

var t7 = new Date();
var r3 = t7.getTime() - t6.getTime();

document.getElementById('result').innerHTML = 'Iteration: ' + iteration + '<br>' +'Match: ' + r0 + 'ms<br>' + 
                                              'localeCompare: ' + r1 + 'ms<br>' +
                                              'Strict Equality: ' + r2 + 'ms<br>' + 
                                              'Normal Equality: ' + r3 + 'ms<br>';