MeasureThat.net

Run results for: Object values: Object.entries VS Object.keys VS Object.keys with extra array VS Object.entries without array

Go to the benchmark
Run details:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.150 Safari/537.36
Chrome 88
Mac OS X 10.15.5
Desktop
4 years ago
Test name Executions per second
Object.entries 34521.4 Ops/sec
Object.keys 47545.1 Ops/sec
Object.keys with extra array 27888.6 Ops/sec
Object.entries without array 35063.7 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()] = { innerVal: 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];    
      }
    });