Run results for: filtering array with push vs reduce with fewer elements

Run details:

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

Browser: Chrome 110

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
filter with push (bigArr)	274531.2 Ops/sec
filter with reduce (bigArr)	7216.6 Ops/sec
filter with push (smallArr)	10106798.0 Ops/sec
filter with reduce (smallArr)	4004211.0 Ops/sec
filter with push (vSmallArr)	9626839.0 Ops/sec
filter with reduce (vSmallArr)	3903657.5 Ops/sec

Script Preparation code:


var bigArr = new Array(1000);
for (let i = 0; i < 1000; ++i) {
   bigArr[i] = i % 2 === 0 ? true : null;
}

var smallArr = new Array(10);
for (let i = 0; i < 10; ++i) {
   smallArr[i] = i % 2 === 0 ? true : null;
}

var vSmallArr = new Array(2);
for (let i = 0; i < 10; ++i) {
   vSmallArr[i] = i % 2 === 0 ? true : null;
}

Tests:

filter with push (bigArr)
const result = []; for (const item of bigArr) { if (item != null) { result.push(item); } } return result;
filter with reduce (bigArr)
return bigArr.reduce( (arr, item) => (item != null ? [...arr, item] : arr), [], );
filter with push (smallArr)
const result = []; for (const item of smallArr) { if (item != null) { result.push(item); } } return result;
filter with reduce (smallArr)
return smallArr.reduce( (arr, item) => (item != null ? [...arr, item] : arr), [], );
filter with push (vSmallArr)
const result = []; for (const item of vSmallArr) { if (item != null) { result.push(item); } } return result;
filter with reduce (vSmallArr)
return vSmallArr.reduce( (arr, item) => (item != null ? [...arr, item] : arr), [], );

Run results for: filtering array with push vs reduce with fewer elements

filter with push (bigArr)

filter with reduce (bigArr)

filter with push (smallArr)

filter with reduce (smallArr)

filter with push (vSmallArr)

filter with reduce (vSmallArr)