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

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4346.0 Safari/537.36 Edg/89.0.731.0

Browser: Chrome 89

Operating system: Linux

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
ForEach	6189046.0 Ops/sec
Reduce	7682783.0 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