Run results for: fixed array slice VS splice VS pop - adding new elements to start

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36

Browser: Chrome 121

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

slice

1.5M/s

splice

150K/s

while-pop

133K/s

for-pop

133K/s

View exact numbers

Script Preparation code:

var list = [];
for (let i = 0; i < 1000; i++) {
  list.unshift({'s':'usd', 'p':i});
}

Tests:

slice
list.unshift({'s':'cad', 'p':13}) list.unshift({'s':'cad', 'p':14}) list.unshift({'s':'cad', 'p':15}) list = list.slice(0,1000)
splice
list.unshift({'s':'cad', 'p':13}) list.unshift({'s':'cad', 'p':14}) list.unshift({'s':'cad', 'p':15}) list.splice(1000,list.length-1000)
while-pop
list.unshift({'s':'cad', 'p':13}) list.unshift({'s':'cad', 'p':14}) list.unshift({'s':'cad', 'p':15}) while(list.length>1000){ list.pop(); }
for-pop
list.unshift({'s':'cad', 'p':13}) list.unshift({'s':'cad', 'p':14}) list.unshift({'s':'cad', 'p':15}) for(let i=0; i<(list.length-998); i++){ list.pop(); }