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=505877" width="100%" height="500px"></iframe>
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
Array.from
28K/s
Spread Operator
28K/s
new Map
1K/s
View exact numbers
Test name
Executions per second
✓
Array.from
27,870 Ops/sec
Spread Operator
27,744 Ops/sec
new Map
1,102 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()]