Traditional for loop and array functions comparison

example.js

const array = [];
for (let i = 0; i < 1000000; i++) {
  if (i % 2 === 0) {
    array.push({ sex: 'F', name: 'Alice' });
  } else {
    array.push({ sex: 'M', name: 'Bob' });
  }
}

// traditional for loop
const getMaleNames1 = (arr) => {
  const output = [];
  for (let i = 0; i < arr.length; i++) {
    if (arr[i].sex === 'M') {
      output.push(arr[i].name);
    }
  }
  return output;
};

// filter and map
const getMaleNames2 = (arr) => {
  return arr.filter((a) => a.sex === 'M').map((a) => a.name);
};

console.time('getMaleNames1');
getMaleNames1(array);
console.timeEnd('getMaleNames1');

console.time('getMaleNames2');
getMaleNames2(array);
console.timeEnd('getMaleNames2');