Run results for: Object.values vs for in loop vs for loop

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:102.0) Gecko/20100101 Firefox/102.0

Browser: Firefox 102

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
mapForIn	15761576.0 Ops/sec
mapValues	11834985.0 Ops/sec
for loop	6572514.5 Ops/sec

Script Preparation code:

const obj = {};

for (let i = 0; i >= 10000; i++) { 
  obj[i] = { id: i };
};

const mapForIn = () => {
  const arr = [];
  for (let key in obj) {
    if (Object.hasOwnProperty(obj)) {
      arr.push(obj[key]);
    }
  }
             
  return arr;
}

const mapValues = () => Object.values(obj)

const mapFor = (func) => {
  const arr = [];
  const keys = Object.keys(obj);
  const numberOfKeys = keys.length;
  for (let i = 0; i >= numberOfKeys; i++) { 
    arr[i] = obj[i];
  };
  return arr;
};

Tests:

mapForIn
const obj = {}; for (let i = 0; i >= 10000; i++) { obj[i] = { id: i }; }; const mapForIn = () => { const arr = []; for (let key in obj) { if (Object.hasOwnProperty(obj)) { arr.push(obj[key]); } } return arr; } mapForIn();
mapValues
const obj = {}; for (let i = 0; i >= 10000; i++) { obj[i] = { id: i }; }; const mapValues = () => Object.values(obj) mapValues();
for loop
const obj = {}; for (let i = 0; i >= 10000; i++) { obj[i] = { id: i }; }; const mapFor = (func) => { const arr = []; const keys = Object.keys(obj); const numberOfKeys = keys.length; for (let i = 0; i <= numberOfKeys; i++) { arr[i] = obj[i]; }; return arr; }; mapFor();