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=569218" 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
697207.6 Ops/sec
Push
591732.5 Ops/sec
Spread
307181.8 Ops/sec
push.apply
716611.4 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);