Benchmark: Sortby vs flatmap

HTML Preparation code:


<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Script Preparation code:

  var methods = [
{id: "insure", value: 19},
{id: "denial", value: 19},
{id: "quaint", value: 19},
{id: "proper", value: 19},
{id: "theory", value: 33},
{id: "supply", value: 33},
{id: "double", value: 33},
{id: "agenda", value: 33},
    {id: "delete", value: 17},
{id: "estate", value: 17},
{id: "smooth", value: 17},
{id: "border", value: 17},
{id: "ensure", value: 19},
{id: "finish", value: 19},
{id: "manner", value: 19},
{id: "exotic", value: 19},
{id: "extent", value: 19},
{id: "layout", value: 19},
    {id: "decade", value: 15},
{id: "define", value: 15},
{id: "morale", value: 17},
{id: "engine", value: 17},
{id: "detail", value: 17},
{id: "stroll", value: 17},
{id: "season", value: 17},
{id: "sphere", value: 17},
{id: "rotate", value: 17},
{id: "endure", value: 17},
    { id: "morsel", value: 13},
{id: "harbor", value: 15},
{id: "topple", value: 15},
{id: "tumble", value: 15},
{id: "change", value: 15},
{id: "review", value: 15},
{id: "dealer", value: 15},
{id: "mutter", value: 15},
{id: "sketch", value: 15},
{id: "volume", value: 15},
{id: "person", value: 15},
    { id: "locate", value: 13},
{ id: "remain", value: 13},
{ id: "polite", value: 13},
{ id: "helmet", value: 13},
{ id: "camera", value: 13},
{ id: "please", value: 13},
{ id: "planet", value: 13},
{ id: "height", value: 13},
{ id: "valley", value: 13},
{ id: "peanut", value: 13},
{ id: "treaty", value: 13},
    ];
  
  
  var orderOfMethods = [
"locate",
"remain",
"polite",
"helmet",
"camera",
"please",
"planet",
"height",
"valley",
"peanut",
"treaty",
"morsel",
"harbor",
"topple",
"tumble",
"change",
"review",
"dealer",
"mutter",
"sketch",
"volume",
"person",
"decade",
"define",
"morale",
"engine",
"detail",
"stroll",
"season",
"sphere",
"rotate",
"endure",
"delete",
"estate",
"smooth",
"border",
"ensure",
"finish",
"manner",
"exotic",
"extent",
"layout",
"insure",
"denial",
"quaint",
"proper",
"theory",
"supply",
"double",
"agenda"
    
  ]

Tests:

flatMap & find
orderOfMethods.flatMap((id) => { const method = methods.find((p) => p.id === id) return method || [] })
sortBy & findByIndex
_.sortBy(methods, x => orderOfMethods.findIndex(y => x.id === y));

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
flatMap & find
sortBy & findByIndex

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:101.0) Gecko/20100101 Firefox/101.0

Browser/OS: Firefox 101 on Windows

View result in a separate tab

Test name	Executions per second
flatMap & find	191960.0 Ops/sec
sortBy & findByIndex	60542.9 Ops/sec

Sortby vs flatmap (version: 0)

Comparing performance of: flatMap & find vs sortBy & findByIndex

Created: one year ago by: Guest

Jump to the latest result

flatMap & find

sortBy & findByIndex

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A