Benchmark: Reduce vs FlatMap (500 x 500)

Script Preparation code:

var ITEMS_PER_PAGE = 500
var PAGES = 500

var data = {
  "id": "11eba174-55d1-f1ed-ba25-0269c634a921",
  "firstName": "Testy",
  "lastName": "McTest",
  "jobTitle": "Tester",
  "email": "test@test.com",
  "mobilePhone": "(123) 456-7890",
  "username": "test@test.com",
  "status": "ACTIVE",
}

var page = Array.from({ length: ITEMS_PER_PAGE }).map(item => data)

var pages = Array.from({ length: PAGES }).map(item => ({ data: page }))

Tests:

Array.prototype.reduce
pages.reduce((acc, cur) => [...acc, ...cur.data], [])
Array.prototype.flatMap
pages.flatMap(item => item.data)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Array.prototype.reduce
Array.prototype.flatMap

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:107.0) Gecko/20100101 Firefox/107.0

Browser/OS: Firefox 107 on Windows

View result in a separate tab

Test name	Executions per second
Array.prototype.reduce	0.3 Ops/sec
Array.prototype.flatMap	112.2 Ops/sec

Reduce vs FlatMap (500 x 500) (version: 0)

Speed comparison between Array.prototype.reduce using array destructuring vs Array.prototype.flatMap, for a 500 by 500 two-dimensional array, simulating 500 pages each with 500 items

Comparing performance of: Array.prototype.reduce vs Array.prototype.flatMap

Created: one year ago by: Registered User

Jump to the latest result

Array.prototype.reduce

Array.prototype.flatMap

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A