Run results for: es6 destructuring vs lodash _.get string and array keys with toPath and manual caching 2

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/114.0

Browser: Firefox 114

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
destructuring with defaults, empty input	274597152.0 Ops/sec
lodash get, empty input	5297133.5 Ops/sec
destructuring with defaults, find item	86801320.0 Ops/sec
lodash get, find item	4440419.5 Ops/sec
destructuring dynamic key	93222712.0 Ops/sec
lodash dynamic key	4368967.0 Ops/sec
lodash dynamic key using array	16339668.0 Ops/sec
lodash dynamic key using manually cached array	15232454.0 Ops/sec
argument destructuring	93022264.0 Ops/sec
customGet	6299673.0 Ops/sec

HTML Preparation code:

<script src="https://cdn.jsdelivr.net/lodash/4/lodash.min.js"></script>

Script Preparation code:

function getByPath(o, path) {
    let prev = 0;
    let offset = 0;
    while (o !== undefined && o !== null && (offset = path.indexOf(".", offset)) !== -1) {
        o = o[path.slice(prev, offset)];
        prev = ++offset;
    }

    return o?.[path.slice(prev)];
}

function destructuring(input) {
  const { contextMenu: { data: { documents = [] } = {} } = {} } = input;
  return documents;
}

function destructuringDynamic(input, key) {
  const { contextMenu: { data: { [key]: documents = [] } = {} } = {} } = input;
  return documents;
}

function destructuringArgument({ contextMenu: { data: { documents = [] } = {} } = {} }) {
  return documents;
}

function lodashGet(input) {
  return _.get(input, 'contextMenu.data.documents', []);
}

function lodashGetDynamic(input, key) {
  return _.get(input, `contextMenu.data.${key}`, []);
}

function lodashGetDynamicArray(input, key) {
  return _.get(input, ['contextMenu', 'data', 'key'], []);
}

const paths = Object.create(null);
function lodashGetDynamicCachedArray(input, key) {
  return _.get(input, paths[key] ??= _.toPath(`contextMenu.data.${key}`), []);
}

function customGet(input, path) {
  return getByPath(input, path);
}

Tests:

destructuring with defaults, empty input
destructuring({});
lodash get, empty input
lodashGet({});
destructuring with defaults, find item
destructuring({ contextMenu: { data: { documents: [{ id: 'doc' }] } } });
lodash get, find item
lodashGet({ contextMenu: { data: { documents: [{ id: 'doc' }] } } });
destructuring dynamic key
destructuringDynamic({ contextMenu: { data: { documents: [{ id: 'doc' }] } } }, 'documents');
lodash dynamic key
lodashGetDynamic({ contextMenu: { data: { documents: [{ id: 'doc' }] } } }, 'documents');
lodash dynamic key using array
lodashGetDynamicArray({ contextMenu: { data: { documents: [{ id: 'doc' }] } } }, 'documents');
lodash dynamic key using manually cached array
lodashGetDynamicCachedArray({ contextMenu: { data: { documents: [{ id: 'doc' }] } } }, 'documents');
argument destructuring
destructuringArgument({ contextMenu: { data: { documents: [{ id: 'doc' }] } } });
customGet
customGet({ contextMenu: { data: { documents: [{ id: 'doc' }] } } }, 'contextMenu.data.documents');

Run results for: es6 destructuring vs lodash _.get string and array keys with toPath and manual caching 2

destructuring with defaults, empty input

lodash get, empty input

destructuring with defaults, find item

lodash get, find item

destructuring dynamic key

lodash dynamic key

lodash dynamic key using array

lodash dynamic key using manually cached array

argument destructuring

customGet