Run results for: Lodash chunk vs JS reduce

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:139.0) Gecko/20100101 Firefox/139.0

Browser: Firefox 139

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: 11 months ago

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Script Preparation code:

var arr = Array.from({
    length: 100000
}, () => Math.random())

Tests:

Lodash
const groups = _.chunk(arr,5000)
JS
const chunk = (input, size) => { return input.reduce((arr, item, idx) => { return idx % size === 0 ? [...arr, [item]] : [...arr.slice(0, -1), [...arr.slice(-1)[0], item]]; }, []); }; chunk(arr,5000);
Chunk slice
function chunk(arr, chunkSize) { if (chunkSize <= 0) { throw new Error("Chunk size has to be greater than 0."); } const chunks = []; for (let i = 0; i < arr.length; i = i + chunkSize) { chunks.push(arr.slice(i, i + chunkSize)); } return chunks; } chunk(arr,5000);