Run results for: push vs spread

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36 Edge/16.16299

Browser: Edge 16.16299

Operating system: Windows

Device Platform: Desktop

Date tested: 6 years ago

Test name	Executions per second
push1	616421184.0 Ops/sec
Spread	608994944.0 Ops/sec
push2	584709504.0 Ops/sec

Tests:

push1
const input = [ { type: 'a', distance: 5 }, { type: 'c', distance: 3 }, { type: 'b', distance: 6 }, { type: 'c', distance: 12 }, { type: 'b', distance: 1 }, { type: 'a', distance: 5 }, { type: 'b', distance: 6 }, { type: 'a', distance: -1 }, { type: 'c', distance: 9 }, { type: 'd', distance: 10 } ] const normalize = (arr) => arr .filter(el => el.type !== 'a' && el.distance >= 0) .reduce((acc, el) => { if (el.distance < 4) acc.near.push(el); else if (el.distance < 8) acc.medium.push(el); else if (el.distance <= 10) acc.far.push(el); return acc; }, { near:[], medium:[], far:[] })
Spread
const input = [ { type: 'a', distance: 5 }, { type: 'c', distance: 3 }, { type: 'b', distance: 6 }, { type: 'c', distance: 12 }, { type: 'b', distance: 1 }, { type: 'a', distance: 5 }, { type: 'b', distance: 6 }, { type: 'a', distance: -1 }, { type: 'c', distance: 9 }, { type: 'd', distance: 10 } ] function normalizeInput(input) { return input.reduce((accum, item) => { if (item.type !== 'a' && item.distance >= 0) if (item.distance < 4 ) accum.near = [...accum.near, item] else if (item.distance < 8 ) accum.medium = [...accum.medium, item] else if (item.distance <= 10 ) accum.far = [...accum.far, item] return accum; },{ near:[], medium:[], far:[] }) }
push2
const input = [ { type: 'a', distance: 5 }, { type: 'c', distance: 3 }, { type: 'b', distance: 6 }, { type: 'c', distance: 12 }, { type: 'b', distance: 1 }, { type: 'a', distance: 5 }, { type: 'b', distance: 6 }, { type: 'a', distance: -1 }, { type: 'c', distance: 9 }, { type: 'd', distance: 10 } ] const norm = (input) => input.reduce((acc, item) => { if (item.type !== 'a' && item.distance >= 0) if (item.distance < 4) acc.near.push(item); else if (item.distance < 8) acc.medium.push(item); else if (item.distance <= 10) acc.far.push(item); return acc; },{ near:[], medium:[], far:[] })

Run results for: push vs spread

Compare the new ES6 spread operator with the traditional concat() method and push

push1

Spread

push2