Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Run results for:
Array concat vs push vs spread syntax vs push.apply
Compare the new ES6 spread operator with the traditional concat() method and push, and throw in spread syntax and push.apply().
Go to the benchmark
Embed
Embed Benchmark Result
<iframe src="https://measurethat.net/Embed?id=569220" width="100%" height="500px"></iframe>
Run details:
User agent:
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
Browser:
Firefox 132
Operating system:
Windows
Device Platform:
Desktop
Date tested:
one year ago
Test name
Executions per second
Array.prototype.concat
745020.2 Ops/sec
Push
697513.2 Ops/sec
Spread
336696.0 Ops/sec
push.apply
722093.6 Ops/sec
Tests:
Array.prototype.concat
var arr1 = []; var arr2 = []; for(let i=0; i<10; ++i){ arr1.push("phantasy") arr1.push("joesguns") arr1.push("max-hardware") arr1.push("sigma-cosmetics") arr1.push("harakiri-sushi") arr1.push("foodnstuff") arr1.push("hong-fang-tea") arr1.push("iron-gym") arr2.push("nectar-net") arr2.push("omega-net") arr2.push("silver-helix") arr2.push("zer0") arr2.push("n00dles") arr2.push("neo-net") arr2.push("the-hub") arr2.push("crush-fitness") } var other = arr1.concat(arr2);
Push
var arr1 = []; var arr2 = []; for(let i=0; i<10; ++i){ arr1.push("phantasy") arr1.push("joesguns") arr1.push("max-hardware") arr1.push("sigma-cosmetics") arr1.push("harakiri-sushi") arr1.push("foodnstuff") arr1.push("hong-fang-tea") arr1.push("iron-gym") arr2.push("nectar-net") arr2.push("omega-net") arr2.push("silver-helix") arr2.push("zer0") arr2.push("n00dles") arr2.push("neo-net") arr2.push("the-hub") arr2.push("crush-fitness") } var other = arr1.push(...arr2);
Spread
var arr1 = []; var arr2 = []; for(let i=0; i<10; ++i){ arr1.push("phantasy") arr1.push("joesguns") arr1.push("max-hardware") arr1.push("sigma-cosmetics") arr1.push("harakiri-sushi") arr1.push("foodnstuff") arr1.push("hong-fang-tea") arr1.push("iron-gym") arr2.push("nectar-net") arr2.push("omega-net") arr2.push("silver-helix") arr2.push("zer0") arr2.push("n00dles") arr2.push("neo-net") arr2.push("the-hub") arr2.push("crush-fitness") } var other = [...arr1, ...arr2];
push.apply
var arr1 = []; var arr2 = []; for(let i=0; i<10; ++i){ arr1.push("phantasy") arr1.push("joesguns") arr1.push("max-hardware") arr1.push("sigma-cosmetics") arr1.push("harakiri-sushi") arr1.push("foodnstuff") arr1.push("hong-fang-tea") arr1.push("iron-gym") arr2.push("nectar-net") arr2.push("omega-net") arr2.push("silver-helix") arr2.push("zer0") arr2.push("n00dles") arr2.push("neo-net") arr2.push("the-hub") arr2.push("crush-fitness") } var other = arr1.push.apply(arr1, arr2);