Run results for: push vs spread

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.81 Safari/537.36

Browser: Chrome 69

Operating system: Mac OS X 10.13.6

Device Platform: Desktop

Date tested: 6 years ago

Test name	Executions per second
push1	880828900.0 Ops/sec
Spread	886233100.0 Ops/sec
push2	884893800.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