Benchmark: Spread vs Slice - MeasureThat.net

HTML Preparation code:


<div id='x'></div>

Script Preparation code:

var el = document.getElementById('x');
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }

Tests:

Array.slice
var list = Array.prototype.slice.apply(el.classList);
Babel spread
var list = [].concat(_toConsumableArray(el.classList));

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Array.slice
Babel spread

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 4 years ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.1.2 Safari/605.1.15

Browser/OS: Safari 12 on Mac OS X 10.14.6

View result in a separate tab

Test name	Executions per second
Array.slice	2053724.0 Ops/sec
Babel spread	1134631.0 Ops/sec

Spread vs Slice (version: 0)

Cast a classList to an array with Array.prototype.slice.apply() or the babel transpile of [...classList]

Comparing performance of: Array.slice vs Babel spread

Created: 5 years ago by: Registered User

Jump to the latest result

Array.slice

Babel spread

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A