Run results for: Lodash Object vs Array [immutable vs mutable] [object.keys vs object.entries]

Run details:

User agent: Mozilla/5.0 (Linux; Android 9; Redmi Note 8) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.125 Mobile Safari/537.36

Browser: Chrome Mobile 84

Operating system: Android

Device Platform: Mobile

Date tested: 3 years ago

Test name	Executions per second
obj immutable	1077.3 Ops/sec
arr immutable	1157.8 Ops/sec
obj mutable	25515.3 Ops/sec
arr mutable	38099.3 Ops/sec

HTML Preparation code:

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

Script Preparation code:

window.arr = [];
window.obj = {};

for (var i = 0, len = 100; i < len; i++) {
    const src = {
        id: 'id-' + i
    };

    obj[src.id] = src;
    arr.push(src);
}

Tests:

obj immutable
_.reduce(obj, (acc, val, key) => { return { ...acc, [key]: val }; }, {});
arr immutable
_.reduce(arr, (acc, val) => { return { ...acc, [val.id]: val }; }, {});
obj mutable
_.reduce(obj, (acc, val, key) => { acc[key] = val; return acc; }, {});
arr mutable
_.reduce(arr, (acc, val) => { acc[val.id] = val; return acc; }, {});
obj keys
const keys = Object.keys(obj); _.reduce(keys, (acc, key) => { acc[key] = obj[key]; return acc; }, {});
obj entries
const pairs = Object.entries(obj); _.reduce(pairs, (acc, [key, val]) => { acc[key] = val; return acc; }, {});

Run results for: Lodash Object vs Array [immutable vs mutable] [object.keys vs object.entries]

obj immutable

arr immutable

obj mutable

arr mutable

obj keys

obj entries