Benchmark: Lodash reduce to unique items vs Native reduce vs Lodash group and flatten

HTML Preparation code:

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

Script Preparation code:

var testCopy = null;
var responsibleRoleId = '5f5d7d26-8551-439f-9c90-3f8e4c52ce8b';
var testArray = [{
    id: 'ItemWith Owner 1',
    name: 'Item With Owner 1',
    membershipRoleId: '5f5d7d26-8551-439f-9c90-3f8e4c52ce8b'
}, {
    id: 'ItemWith Owner 2',
    name: 'Item With Owner 2',
    membershipRoleId: null
}, {
    id: 'ItemWith Owner 2',
    name: 'Item With Owner 2',
    membershipRoleId: '5f5d7d26-8551-439f-9c90-3f8e4c52ce8b'
}, {
    id: 'ItemWith Owner 3',
    name: 'Item With Owner 3',
    membershipRoleId: '5f5d7d26-8551-439f-9c90-3f8e4c52ce8b'
}, {
    id: 'ItemWith Owner 3',
    name: 'Item With Owner 3',
    membershipRoleId: 'b2af40ef-8c6c-44ce-b733-170489104eaa'
}, {
    id: 'ItemWith Owner 4',
    name: 'Item With Owner 4',
    membershipRoleId: null
}, {
    id: 'ItemWith Owner 4',
    name: 'Item With Owner 4',
    membershipRoleId: '5f5d7d26-8551-439f-9c90-3f8e4c52ce8b'
}, {
    id: 'ItemWith Owner 4',
    name: 'Item With Owner 4',
    membershipRoleId: '7af6b8b7-b669-4f6a-b593-3ea7e1c6054d'
}, {
    id: 'ItemWith Owner 5',
    name: 'Item With Owner 5',
    membershipRoleId: '5f5d7d26-8551-439f-9c90-3f8e4c52ce8b'
}, {
    id: 'ItemWith Owner 6',
    name: 'Item With Owner 6',
    membershipRoleId: null
}, {
    id: 'ItemWith Owner 6',
    name: 'Item With Owner 6',
    membershipRoleId: '5f5d7d26-8551-439f-9c90-3f8e4c52ce8b'
}, {
    id: 'ItemWith Owner 6',
    name: 'Item With Owner 6',
    membershipRoleId: '3b9c7a19-f047-4cb6-ba12-7b6d0bc0a686'
}, {
    id: 'ItemWithout Owner 1',
    name: 'Item Without Owner 1',
    membershipRoleId: null
}, {
    id: 'ItemWithout Owner 2',
    name: 'Item Without Owner 2',
    membershipRoleId: '6fee2c1e-9892-452d-98eb-47f516a022bf'
}, {
    id: 'ItemWithout Owner 3',
    name: 'Item Without Owner 3',
    membershipRoleId: null
}, {
    id: 'ItemWithout Owner 3',
    name: 'Item Without Owner 3',
    membershipRoleId: 'bf5f9c62-c412-4dcc-a1fb-afc66999387d'
}, {
    id: 'ItemWithout Owner 4',
    name: 'Item Without Owner 4',
    membershipRoleId: '8a13a6c3-f17c-413c-8c3d-a52264e389fd'
}, {
    id: 'ItemWithout Owner 4',
    name: 'Item Without Owner 4',
    membershipRoleId: '51440a3d-52a7-4f02-b583-9bc97009d1db'
}, {
    id: 'ItemWithout Owner 5',
    name: 'Item Without Owner 5',
    membershipRoleId: 'cc3db764-bc81-412e-a736-022f36d821a4'
}, {
    id: 'ItemWithout Owner 5',
    name: 'Item Without Owner 5',
    membershipRoleId: '74e9b6f9-bdfa-4432-bb5c-690a5506ac74'
}];

Tests:

Reduce filter
testCopy = testArray.reduce((acc, v) => { const existingDataIdx = acc.findIndex(i => i.id === v.id); if (existingDataIdx === -1) { return [...acc, v]; } if (acc[existingDataIdx].membershipRoleId !== responsibleRoleId) { acc.splice(existingDataIdx, 1, v); } return acc; }, []);
Lodash reduce filter
testCopy = _.reduce(testArray,(acc, v) => { const existingDataIdx = acc.findIndex(i => i.id === v.id); if (existingDataIdx === -1) { return [...acc, v]; } if (acc[existingDataIdx].membershipRoleId !== responsibleRoleId) { acc.splice(existingDataIdx, 1, v); } return acc; }, []);
Lodash group and flatmap
const uniqueData = []; const groups = _.groupBy(testArray, 'id'); _.flatMap(groups, dataset => { if (dataset.length > 1) { const dataWithResponsible = dataset.find(d => d.membershipRoleId === responsibleRoleId); if (dataWithResponsible) { uniqueData.push(dataWithResponsible); } else { uniqueData.push(dataset[0]); // the responsible values are already reset to null } } else { uniqueData.push(dataset[0]); // the responsible values are already reset to null } }); testCopy = uniqueData;

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Reduce filter
Lodash reduce filter
Lodash group and flatmap

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: one year ago)

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

Browser/OS: Chrome 109 on Windows

View result in a separate tab

Test name	Executions per second
Reduce filter	675638.5 Ops/sec
Lodash reduce filter	614411.9 Ops/sec
Lodash group and flatmap	387670.4 Ops/sec

Lodash reduce to unique items vs Native reduce vs Lodash group and flatten (version: 0)

compare filter methods on arrays that both modify objects and remove items from the array.

Comparing performance of: Reduce filter vs Lodash reduce filter vs Lodash group and flatmap

Created: one year ago by: Guest

Jump to the latest result

Reduce filter

Lodash reduce filter

Lodash group and flatmap

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A