Run results for: reduce vs map and set

Run details:

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

Browser: Firefox 110

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
reduce	347.1 Ops/sec
map-set	3768.3 Ops/sec

Script Preparation code:

var testArray = [];

// Create test data with duplicate tokenIds
for (let i = 0; i < 10000; i++) {
    testArray.push({
        tokenId: Math.floor(Math.random() * 1000)
    });
}

Tests:

reduce
console.time('reduce'); var tokenIdsReduce = testArray.reduce((acc, { tokenId }) => { if (!acc.includes(tokenId)) { acc.push(tokenId); } return acc; }, []); console.timeEnd('reduce'); console.log('Token IDs (reduce):', tokenIdsReduce);
map-set
console.time('map-set'); var tokenIdsMapSet = [...new Set(testArray.map(({ tokenId }) => tokenId))]; console.timeEnd('map-set'); console.log('Token IDs (map-set):', tokenIdsMapSet);

Run results for: reduce vs map and set

get unique values

reduce

map-set