Run results for: Array Move approaches v3

Run details:

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: Chrome 77

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

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

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)

Run results for: Array Move approaches v3

Array move with reduce

move with splice

move with reduce and push

move with reduce and spread