MeasureThat.net

 es6 destructuring vs lodash _.getaf (version: 0)

compare performance of _.get to es6 desu

Comparing performance of: destructuring with defaults, empty inputa vs lodash get, empty inputb vs destructuring with defaults, find item vs lodash get, find item vs destructuring null input vs lodash null input vs destructuring undefined input vs lodash undefined input vs destructuring dynamic key vs lodash dynamic key vs oldway

Created: 5 years ago by: Guest
Jump to the latest result
HTML Preparation code:
AخA
 
1
<script src="https://cdn.jsdelivr.net/lodash/4/lodash.min.js"></script>
Script Preparation code:
​x
 
function destructuringFn(input) {
  const { contextMenu: { data: { documents = [] } = {} } = {} } = input;
  return documents;
}
​
function destructuringFnDynamic(input, key) {
  const { contextMenu: { data: { [key]: documents = [] } = {} } = {} } = input;
  return documents;
}
​
function lodashFn(input) {
  const documents = _.get(input, 'contextMenu.data.documents', []);
  return documents;
}
​
function lodashFnDynamic(input, key) {
  const documents = _.get(input, `contextMenu.data.${key}`, []);
  return documents;
}
​
function oldWay(input, key) {
  const documents = _.get(input, `contextMenu.data.${key}`, []);
  return input && input.contextMenu && input.contextMenu.data && input.contextMenu.data[key];
}
​
function test(fn, input, key) {
  fn(input, key);
}
Tests:

  • destructuring with defaults, empty inputa

     
    test(destructuringFn, {});

  • lodash get, empty inputb

     
    test(lodashFn, {});

  • destructuring with defaults, find item

     
    const input = { contextMenu: { data: { documents: [{ id: 'doc' }] } } };
    test(destructuringFn, input);

  • lodash get, find item

     
    const input = { contextMenu: { data: { documents: [{ id: 'doc' }] } } };
    test(lodashFn, input);

  • destructuring null input

     
    test(destructuringFn, null);

  • lodash null input

     
    test(lodashFn, null);

  • destructuring undefined input

     
    let input;
    test(destructuringFn, input);

  • lodash undefined input

     
    let input;
    test(lodashFn, input);

  • destructuring dynamic key

     
    const input = { contextMenu: { data: { documents: [{ id: 'doc' }] } } };
    test(destructuringFn, input, 'documents');

  • lodash dynamic key

     
    const input = { contextMenu: { data: { documents: [{ id: 'doc' }] } } };
    test(lodashFn, input, 'documents');

  • oldway

     
    const input = { contextMenu: { data: { documents: [{ id: 'doc' }] } } };
    test(oldWay, input, 'documents');
Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Experimental features:

  • Test case name Result
    destructuring with defaults, empty inputa
    lodash get, empty inputb
    destructuring with defaults, find item
    lodash get, find item
    destructuring null input
    lodash null input
    destructuring undefined input
    lodash undefined input
    destructuring dynamic key
    lodash dynamic key
    oldway

    Fastest: N/A

    Slowest: N/A

Latest run results:
Run details: (Test run date: 5 years ago)
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.80 Safari/537.36
Chrome 75 on Mac OS X 10.14.5
View result in a separate tab
Test name Executions per second
destructuring with defaults, empty inputa 7237581.5 Ops/sec
lodash get, empty inputb 2018020.1 Ops/sec
destructuring with defaults, find item 2166894.2 Ops/sec
lodash get, find item 1132740.8 Ops/sec
destructuring null input 0.0 Ops/sec
lodash null input 3630878.8 Ops/sec
destructuring undefined input 0.0 Ops/sec
lodash undefined input 3624121.2 Ops/sec
destructuring dynamic key 2310019.8 Ops/sec
lodash dynamic key 1205071.4 Ops/sec
oldway 908986.2 Ops/sec
LLMs can make mistakes. Check important info.
Related benchmarks: