Run results for: Spread vs if/else vs switch/break

Run details:

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

Browser: Chrome 91

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Switch + spread	902936.1 Ops/sec
if/else	2784943.2 Ops/sec
Switch + break	3389211.2 Ops/sec

Script Preparation code:

var filters = [{
        name: 'operation',
        value: 'some value'
    },
    {
        name: 'process',
        value: 'some value'
    },
    {
        name: 'notUsed',
        value: 'slkjrklwejr'
    },
    {
        name: 'position',
        value: '2'
    },
    {
        name: 'multiChoise',
        value: [{
            value: 'FOO'
        }, {
            value: 'BAR'
        }]
    },
];

Tests:

Switch + spread
const query = filters.reduce((res, { name, value }) => { switch (name) { case 'position': return { ...res, position: Number(value), }; case 'operation': case 'process': return { ...res, [name]: value, }; case 'multiChoise': return { ...res, multiChoise: value.map(({ value }) => value), }; default: return res; } }, {});
if/else
const strings = ['operation', 'process']; const query = filters.reduce((res, { name, value }) => { if (name === 'position') { res.position = Number(value); } else if (name === 'multiChoise') { res.multiChoise = value.map(({ value }) => value); } else if (strings.includes(name)) { res[name] = value; } return res; }, {});
Switch + break
const query = filters.reduce((res, { name, value }) => { switch (name) { case 'position': res.position = Number(value); break case 'operation': case 'process': res[name] = value; break; case 'multiChoise': res.multiChoise = value.map(({ value }) => value); break; } return res; }, {});

Run results for: Spread vs if/else vs switch/break

Switch + spread

if/else

Switch + break