Run results for: lodash mapValues vs vanilla Object.keys foreach vs lodash reduce

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:137.0) Gecko/20100101 Firefox/137.0

Browser: Firefox 137

Operating system: Mac OS X 10.15

Device Platform: Desktop

Date tested: one month ago

HTML Preparation code:

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

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

Script Preparation code:

var obj = {}
for (let i = 0; i < 1000; ++i) {
    obj[`a${i}`] = i;
}
var transform = (n) => n * n + 1;

 
var obj = {}for (let i = 0; i < 1000; ++i) {    obj[`a${i}`] = i;}var transform = (n) => n * n + 1;

Tests:

lodash mapValues
const newObj = _.mapValues(obj, (v, k) => transform(v));
const newObj = _.mapValues(obj, (v, k) => transform(v));
vanilla object.keys
const newObj = {}; Object.keys(obj).forEach((key) => { newObj[key] = transform(obj[key]); });
const newObj = {};
Object.keys(obj).forEach((key) => {
newObj[key] = transform(obj[key]);
});
lodash reduce
const newObj = _.reduce(obj, (acc, val, key) => { acc[key] = transform(val); return acc; })
const newObj = _.reduce(obj, (acc, val, key) => {
acc[key] = transform(val);
return acc;
})