Benchmark: large list of strings: spread operator vs Array.from + push vs slice + push vs flat

Script Preparation code:

const largeList = Array.from({length: 100_000}).map((_, idx)  => `${idx}`.padStart(30, '0'));

Tests:

spread operator
const newList = [...largeList, 'a new string'];
Array.from + push
const newList = Array.from(largeList); newList.push('a new string');
Slice + push
const newList = largeList.slice(); newList.push('a new string');
flat
const newList = [largeList, ['a new string']].flat();

Rendered benchmark preparation results:

Previous results

Latest run results:

Run details: (Test run date: 3 months ago)

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

Browser/OS: Chrome 135 on Windows

Related benchmarks:

large list of strings: spread operator vs Array.from + push vs slice + push vs flat (version: 1)