Benchmark: Get props - MeasureThat.net

Script Preparation code:

(() => {
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.js';
    document.head.appendChild(script);

    var obj = {
      a: { b: { c: 'CCC', d: 'DDD' } }
    };

    function get(obj, path) {
      var parts = path.split('.');
      var property = Object.assign({}, obj);

      for (var i = 0; i < parts.length; i++ ) {
        property = property[parts[i]];

        if (!property) {
          property = undefined;
          break;
        }
      }

      return property;
    }

    function switchCase(obj) {
      var res;

      Object.keys(obj).forEach((key1) => {
        switch(key1) {
          case 'a':
            Object.keys(obj[key1]).forEach((key2) => {
              switch(key2) {
                case 'b':
                  Object.keys(obj[key1][key2]).forEach((key3) => {
                    switch(key3) {
                      case 'd':
                        res = obj[key1][key2][key3];
                      break;
                    }
                  });
                break;
              }
            });
          break;
        }
      });

      return res;
    }

    function reduce(obj, path = '') {
      return path.split('.').reduce((xs, x) => (xs && xs[x]) ? xs[x] : null, Object.assign({}, obj))
    }

    function test(fn) {
      var t0 = performance.now();
      for (var p = 0; p < 1000000; p++){
        fn();
      }

      var t1 = performance.now();
      console.log("Took: "+(t1 - t0)+"ms");
    }

    //test(() => get(obj, 'a.b.c'));
    //test(() => switchCase(obj));
    //test(() => reduce(obj, 'a.b.c'));
    //test(() => _.get(obj, 'a.b.c'));
})();

Tests:

get
get(obj, 'a.b.c')
switch/case
switchCase(obj)
reduce
reduce(obj, 'a.b.c')
lodashGet
_.get(obj, 'a.b.c')

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
get
switch/case
reduce
lodashGet

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:

No previous run results

This benchmark does not have any results yet. Be the first one to run it!

Get props (version: 0)

Get nested props from object

Comparing performance of: get vs switch/case vs reduce vs lodashGet

Created: 6 years ago by: Guest

Jump to the latest result

get

switch/case

reduce

lodashGet

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

No previous run results