Benchmark: Array Move approaches v3

Script Preparation code:

var pages = [{a:1}, {a:2}, {a:3},{a:4}];

function movePageSplice(pages, fromIndex, toIndex) {
  const arr = [...pages];
  var element = arr[fromIndex];
    arr.splice(fromIndex, 1);
    arr.splice(toIndex, 0, element);
  return arr
}

function movePageReduceSpread(pages, fromIndex, toIndex) {
  const correctedToIndex = fromIndex < toIndex ? toIndex + 1 : toIndex;
  return pages.reduce((memo, item, index, arr)=>{
  	if (index === correctedToIndex) {
      return [...memo, arr[fromIndex], item];
    } else if(index !== fromIndex){
      return [...memo, item];
    }
    return memo;      
  },[])
}

function movePageReducePush(pages, fromIndex, toIndex) {
  const correctedToIndex = fromIndex < toIndex ? toIndex + 1 : toIndex;
  return pages.reduce((memo, item, index, arr)=>{
  	if (index === correctedToIndex) {
      memo.push(arr[fromIndex], item)
    } else if(index !== fromIndex){
      memo.push(item)
    } 
    return memo      
  },[])
}

console.log(movePageSplice(pages, 2, 0), 'movePageSplice')
console.log(movePageSplice(pages, 0, 2), 'movePageSplice')
console.log(movePageReduceSpread(pages, 2, 0), 'movePageReduceSpread')
console.log(movePageReduceSpread(pages, 0, 2), 'movePageReduceSpread')
console.log(movePageReducePush(pages, 2, 0), 'movePageReducePush')
console.log(movePageReducePush(pages, 0, 2), 'movePageReducePush')

Tests:

move with splice
movePageSplice(pages, 2, 0)
move with reduce and push
movePageReducePush(pages, 2, 0)
move with reduce and spread
movePageReduceSpread(pages, 2, 0)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
move with splice
move with reduce and push
move with reduce and spread

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: 4 years ago)

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

Browser/OS: Chrome 77 on Windows

View result in a separate tab

Test name	Executions per second
move with splice	460389.2 Ops/sec
move with reduce and push	1445652.0 Ops/sec
move with reduce and spread	253073.2 Ops/sec

Array Move approaches v3 (version: 3)

Array move with reduce

Comparing performance of: move with splice vs move with reduce and push vs move with reduce and spread

Created: 4 years ago by: Registered User

Jump to the latest result

move with splice

move with reduce and push

move with reduce and spread

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A