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

Run details:

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

Browser: Chrome 108

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

slice

455K/s

splice

88K/s

while-pop

81K/s

for-pop

80K/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(); }