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/120.0.0.0 Safari/537.36

Browser: Chrome 120

Operating system: Windows

Device Platform: Desktop

Date tested: 2 years ago

Benchmark engine: Benchmark.js

slice

278K/s

splice

47K/s

for-pop

36K/s

while-pop

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