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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36 Edg/114.0.1823.67

Browser: Chrome 114

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
destructuring with defaults, empty input	22376844.0 Ops/sec
lodash get, empty input	4156589.5 Ops/sec
destructuring with defaults, find item	5280823.5 Ops/sec
lodash get, find item	2268294.2 Ops/sec
destructuring dynamic key	5280109.5 Ops/sec
lodash dynamic key	2195646.2 Ops/sec
lodash dynamic key using array	3013699.8 Ops/sec
lodash dynamic key using manually cached array	2964580.5 Ops/sec
argument destructuring	5294817.0 Ops/sec
customGet	1440845.5 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