MeasureThat.net

Run results for: Loop over object: lodash vs Object.entries and Object.keys

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.80 Safari/537.36 Edg/98.0.1108.50
Chrome 98
Windows
Desktop
3 years ago
Test name Executions per second
lodash.each 3082.9 Ops/sec
lodash.map 3103.2 Ops/sec
Object.entries.forEach 1506.1 Ops/sec
vanilla for-loop w/ Object.entries 1842.7 Ops/sec
Object.keys.forEach 848.2 Ops/sec
vanilla for-loop w/ Object.keys 917.2 Ops/sec
for in 828.9 Ops/sec
HTML Preparation code:
AخA
 
1
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.min.js"></script>
Script Preparation code:
 
var obj = Array.from({ length: 10000 }).map((value, i) => i).reduce((val, v) => { val[v] = v; return val; }, {})
Tests:

  • lodash.each

     
    _.each(obj, function(v, k) {})

  • lodash.map

     
    _.map(obj, function(v, k) {})

  • Object.entries.forEach

     
    Object.entries(obj).forEach(function([k, v]) {})

  • vanilla for-loop w/ Object.entries

     
    const entries = Object.entries(obj);
    for (let i = 0; i < entries.length; i++) { const [k, v] = entries[i]; }

  • Object.keys.forEach

     
    Object.keys(obj).forEach(function(k) {const v = obj[k]})

  • vanilla for-loop w/ Object.keys

     
    const keys = Object.keys(obj);
    for (let i = 0; i < keys.length; i++) { const k = keys[i]; const v = obj[k]; }

  • for in

     
    for (const k in obj) {
      const v = obj[k]
    }