Run results for: Spread vs Slice

Run details:

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: Safari 12

Operating system: Mac OS X 10.14.6

Device Platform: Desktop

Date tested: 4 years ago

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

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));

Run results for: Spread vs Slice

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

Array.slice

Babel spread