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=506015" 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/121.0.0.0 Safari/537.36
Browser:
Chrome 121
Operating system:
Windows
Device Platform:
Desktop
Date tested:
2 years ago
Spread Operator
12K/s
Array.from
12K/s
new Map
473/s
View exact numbers
Test name
Executions per second
✓
Spread Operator
11,914 Ops/sec
Array.from
11,575 Ops/sec
new Map
473 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()]