Toggle navigation
MeasureThat
.net
Create a benchmark
Tools
Feedback
Feature Requests
FAQ
Register
Log In
Run results for:
Array concat vs spread vs push spread, loop, apply (bigger cases 2)
Compare the new ES6 spread operator with the traditional concat() method and push
Go to the benchmark
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=512707" 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/122.0.0.0 Safari/537.36
Browser:
Chrome 122
Operating system:
Mac OS X 10.15.7
Device Platform:
Desktop
Date tested:
2 years ago
Benchmark engine:
Benchmark.js
Array.prototype.concat
2.8M/s
Push Spread
955K/s
Push Apply
953K/s
Push Loop
793K/s
spread operator
695K/s
View exact numbers
Test name
Executions per second
✓
Array.prototype.concat
2,810,780 Ops/sec
Push Spread
954,961 Ops/sec
Push Apply
953,416 Ops/sec
Push Loop
793,422 Ops/sec
spread operator
695,071 Ops/sec
Script Preparation code:
var subarrs = [ [ "hello", true, 7,"hello", true, 7,"hello", true, 7,"hello", true, 7,"hello", true, 7,"hello", true, 7,"hello", true, 7,"hello", true, 7,"hello", true, 7,"hello", true, 7,"hello", true, 7, "hello", true, 7,"hello", true, 7,"hello", true, 7,"hello", true, 7,"hello", true, 7,"hello", true, 7,"hello", true, 7,"hello", true, 7,"hello", true, 7,"hello", true, 7,"hello", true, 7 ], [ "yes", "no", "maybe", false, 27,"yes", "no", "maybe", false, 27,"yes", "no", "maybe", false, 27,"yes", "no", "maybe", false, 27,"yes", "no", "maybe", false, 27,"yes", "no", "maybe", false, 27,"yes", "no", "maybe", false, 27,"yes", "no", "maybe", false, 27,"yes", "no", "maybe", false, 27,"yes", "no", "maybe", false, 27, "yes", "no", "maybe", false, 27,"yes", "no", "maybe", false, 27,"yes", "no", "maybe", false, 27,"yes", "no", "maybe", false, 27,"yes", "no", "maybe", false, 27,"yes", "no", "maybe", false, 27,"yes", "no", "maybe", false, 27,"yes", "no", "maybe", false, 27,"yes", "no", "maybe", false, 27,"yes", "no", "maybe", false, 27 ], [ 16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest", 16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest",16, "I", "wonder", "what", "will", "be", "fastest" ] ];
Tests:
Array.prototype.concat
var other = [ 1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3 ] for (var len = subarrs.length, i = 0; i < len; i++){ other = other.concat(subarrs[i]); } return other;
spread operator
var other = [ 1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3 ] for (var len = subarrs.length, i = 0; i < len; i++){ other = [ ...other, ...subarrs[i] ] } return other;
Push Spread
var other = [ 1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3 ] for (var len = subarrs.length, i = 0; i < len; i++){ other.push(...subarrs[i]); } return other;
Push Apply
var other = [ 1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3 ] for (var len = subarrs.length, i = 0; i < len; i++){ other.push.apply(other, subarrs[i]); } return other;
Push Loop
var other = [ 1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3,1, 2, 3 ] for (var len = subarrs.length, i = 0; i < len; i++){ for (var jarr = subarrs[i], jen = jarr.length, j = 0; j < jen; j++){ other.push(jarr[j]); } } return other;