Loop Test - Performance Test

by scurrilus

HTML

<link rel="stylesheet" href="http://alertifyjs.com/build/css/alertify.css">
<link rel="stylesheet" href="http://alertifyjs.com/build/css/themes/default.css">
<script src="http://alertifyjs.com/build/alertify.js"></script>
<h1>
 Looptest
</h1>

JavaScript

const test = [
{event: "test1"},
{event: "test2"},
{event: "test3"},
{event: "test1"},
{event: "test2"},
{event: "test3"},
{event: "test1"},
{event: "test2"},
{event: "test3"},
{event: "test1"},
{event: "test2"},
{event: "test3"},
{event: "test1"},
{event: "test2"},
{event: "test3"},
{event: "test1"},
{event: "test2"},
{event: "test3"},
{event: "test1"},
{event: "test2"},
{event: "test3"},
{event: "test1"},
{event: "test2"},
{event: "test3"},
{event: "test1"},
{event: "test2"},
{event: "test3"},
{event: "test1"},
{event: "test2"},
{event: "test3"},
{event: "test1"},
{event: "test2"},
{event: "test3"},
{event: "test1"},
{event: "test2"},
{event: "test3"},
{event: "test1"},
{event: "test2"},
{event: "test3"},
{event: "test1"},
{event: "test2"},
{event: "test3"},
{event: "test1"},
{event: "test2"},
{event: "test3"},
{event: "test1"},
{event: "test2"},
{event: "test3"},
{event: "test1"},
{event: "test2"},
{event: "test3"},
{event: "test1"},
{event: "test2"},
{event: "test3"},
{event: "test1"},
{event: "test2"},
{event: "test3"},
{event: "test1"},
{event: "test2"},
{event: "test3"},
{event: "test1"},
{event: "test2"},
{event: "test3"},
{event: "test1"},
{event: "test2"},
{event: "test3"},
]

// Approach 1
const start1 = performance.now();

test.forEach((item) => {
  if(item.event === 'test1') {
    console.log(item.event);
    return;
  }
  if(item.event === 'test2') {
    console.log(item.event);
    return;
  }
  if(item.event === 'test3') {
    console.log(item.event);
    return;
  }
});

const end1 = performance.now();
console.log("Approach 1 took " + (end1 - start1) + " milliseconds.");

// Approach 2
const start2 = performance.now();

test.forEach((item) => {
  if(item.event === 'test1') {
    console.log(item.event);
  }
  if(item.event === 'test2') {
    console.log(item.event);
  }
  if(item.event === 'test3') {
    console.log(item.event);
  }
});

const end2 = performance.now();
console.log("Approach 2 took " + (end2 - start2) + " milliseconds.");