Run results for: Reduce vs. Find

Run details:

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

Browser: Chrome 106

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
With reduce	823.7 Ops/sec
With find	216440.3 Ops/sec

Script Preparation code:

let length = 100;
const ids = Array.from(Array(length)).map(function (_, i) {
    return i;
})

function random(i) {
    return Math.ceil(Math.random() * i);
}

const data = ids.map(function (_, i) {
    const asset_id = random(100);
    if (asset_id <= 10) {
        return {brand_id: 20000 + i, asset_id};
    }
    return {brand_id: i, asset_id};
})

function withReduce() {
    const brandIdMap = data.reduce((acc, val) => {
            return {
                ...acc,
                [val.brand_id]: val.asset_id,
            };
        }, {});
    return ids.map((id) => {
        if (!brandIdMap[id]) return null;
        return {id: brandIdMap[id]};
    })
}
function withFind() {
    return ids.map((id) => {
        const value = data.find(({brand_id}) => brand_id === id);
        if (value) {
            return {id: value.asset_id};
        }
        return null;
    })
}

Tests:

With reduce
withReduce();
With find
withFind();

Run results for: Reduce vs. Find

With reduce

With find