Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
new Map vs Array.from vs spread operator
What is faster creating new Map once and getting array from it repeatedly or create new Array once and get new Map repeatedly?
Go to the benchmark
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=540327" width="100%" height="500px"></iframe>
Run details:
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36
Browser:
Chrome 128
Operating system:
Windows
Device Platform:
Desktop
Date tested:
one year ago
Spread Operator
44K/s
Array.from
44K/s
new Map
2K/s
View exact numbers
Test name
Executions per second
✓
Spread Operator
44,084 Ops/sec
Array.from
43,764 Ops/sec
new Map
1,590 Ops/sec
Script Preparation code:
var arr = []; for (let i = 1; i <= 10000; i++) { arr.push({ id: i, name: `${i}` }); } var map = new Map(arr.map(item => [item.id, item]));
Tests:
new Map
new Map(arr.map(item => [item.id, item]));
Array.from
Array.from(map.values());
Spread Operator
[...map.values()]