MeasureThat.net

Run results for: Object.entries VS Object.keys VS Object.keys with extra array VS Object.entries without array VS Object.keys as separate array with for loop

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.114 Safari/537.36 Edg/103.0.1264.49
Chrome 103
Windows
Desktop
2 years ago
Test name Executions per second
Object.entries 52152.9 Ops/sec
Object.keys 66382.5 Ops/sec
Object.keys with extra array 39470.4 Ops/sec
Object.entries without array 52985.8 Ops/sec
Object.keys as separate array with for loop 69115.3 Ops/sec
Script Preparation code:
​x
 
function makeid() {
  var text = "";
  var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
​
  for (var i = 0; i < 5; i++)
    text += possible.charAt(Math.floor(Math.random() * possible.length));
​
  return text;
}
​
window.parentObj = {};
​
for (let i = 0; i < 100; i++) {
    window.parentObj[makeid()] = makeid();
}
​
​
Tests:

  • Object.entries

     
    const newObj = {};
    Object.entries(window.parentObj).forEach(([k, v], i) => {
      if ((i % 2) === 0) {
        newObj[k] = v;    
      }
    });

  • Object.keys

     
    const newObj = {};
    Object.keys(window.parentObj).forEach((k, i) => {
      if ((i % 2) === 0) {
        newObj[k] = window.parentObj[k];    
      }
    });

  • Object.keys with extra array

     
    const newObj = {};
    Object.keys(window.parentObj).forEach((k, i) => {
      const [extraK, v] = [k, window.parentObj[k]]
      if ((i % 2) === 0) {
        newObj[extraK] = v;    
      }
    });

  • Object.entries without array

     
    const newObj = {};
    Object.entries(window.parentObj).forEach((keyAndVal, i) => {
      if ((i % 2) === 0) {
        newObj[keyAndVal[0]] = keyAndVal[1];    
      }
    });

  • Object.keys as separate array with for loop

     
    const newObj = {};
    const keys = Object.keys(window.parentObj)
    for (let i = 0; i < keys.length; i++) {
      const k = keys[i]
      if ((i % 2) === 0) {
        newObj[k] = window.parentObj[k];    
      }
    };