Run results for: Reduce vs. ForEach in 2D array

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36

Browser: Chrome 87

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
ForEach	6471493.0 Ops/sec
Reduce	7797588.5 Ops/sec

Script Preparation code:

var array = [
    [1, 1, null, null, null, null],
    [1, null, null, 1, 1, null],
    [null, null, 1, 1, null, null, null],
    [1, 1, 1, 1, null, null]
];

Tests:

ForEach
const rightMostPosition = {x: 0, y: 0}; array.forEach((element, yIndex) => { const xIndex = element.reduceRight( (result, current, index) => result ?? (current && index) ); if (xIndex > rightMostPosition.x) { rightMostPosition.x = xIndex; rightMostPosition.y = yIndex; } });
Reduce
const rightMostPosition = array.reduce((position, currentArray, yIndex) => { const xIndex = currentArray.reduceRight( (result, currentBlock, index) => result ?? (currentBlock && index) ); if (position.x < xIndex) { position.x = xIndex; position.y = yIndex; } return position; }, {x: 0, y: 0});

Run results for: Reduce vs. ForEach in 2D array

Finding the last non-null index in a 2D array can be done in several ways, two of them are using a ForEach vs. a Reduce method.

ForEach

Reduce