Run results for: Testing JS Performance of deleting a large map.

In FF if the object being iterated over is large enough it will trigger an expensive cycle collection with Test #1. Test #2 runs approximately 100 times faster on FF. The difference is marginal in Chrome. To see the difference in timing, I recommend loading up the debugger console to see exactly how many ms each run takes.

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.71 Safari/537.36

Browser: Chrome 54

Operating system: Mac OS X 10.11.6

Device Platform: Other

Date tested: 8 years ago

Test name	Executions per second
hasOwnProperty	3783350.2 Ops/sec
Object.keys()	2052923.5 Ops/sec
Without hasOwnProperty	3770503.0 Ops/sec

Script Preparation code:

var map = {};

function generateSequence(prefix, numItems) { 
  var buffer = [];
  var prefixInstance = prefix || "";
  for (var i = 0; i < numItems; i++) {
    buffer.push(prefix + i);
  }
  return buffer;
}

var startTime;
function startTimer() {
  startTime = new Date().getTime()
}
function stopTimer() {
  var endTime = new Date().getTime();
  console.log("Took " + (endTime - startTime) +  " ms");
}

function generateMap() {
  console.log("Generating");
  for (var i = 0; i < 50000; i++) {
	map["a-" + i] = { 
      a: generateSequence("aaaaaaaaa", 10)
    }
  }

}

Tests:

The slow version
generateMap(); console.log("Test #1"); startTimer(); for (key in map) { if (map.hasOwnProperty(key)) { delete map[key]; } } stopTimer();
Faster version using Object.keys().
generateMap(); console.log("Test #2"); startTimer(); var keys = Object.keys(map); for (var i = 0, ii = keys.length; i < ii; i++) { delete map[keys[i]]; } stopTimer();

Run results for: Testing JS Performance of deleting a large map.

The slow version

Faster version using Object.keys().