Benchmark: Lodash.get vs safeGet vs get vs optional chaining vs youDontNeedGet

HTML Preparation code:

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

Script Preparation code:

var person = {name: 'Frederick', lastName: 'Corcino Alejo', nested: {name: 'test'}};

function safeGet(obj, path, defaultValue) {
  return path.split('.').reduce((xs, x) => (xs && xs[x]) ? xs[x] : defaultValue, obj);
}

function get(obj, path, defValue) {
  // If path is not defined or it has false value
  if (!path) return undefined
  // Check if path is string or array. Regex : ensure that we do not have '.' and brackets.
  // Regex explained: https://regexr.com/58j0k
  const pathArray = Array.isArray(path) ? path : path.match(/([^[.\]])+/g)
  // Find value
  const result = pathArray.reduce(
    (prevObj, key) => prevObj && prevObj[key],
    obj
  )
  // If found value is undefined return default value; otherwise return the value
  return result === undefined ? defValue : result
}

// Another "get" implementation
// https://github.com/you-dont-need/You-Dont-Need-Lodash-Underscore#_get
function youDontNeedGet(obj, path, defaultValue = undefined) {
  const travel = regexp =>
    String.prototype.split
      .call(path, regexp)
      .filter(Boolean)
      .reduce((res, key) => (res !== null && res !== undefined ? res[key] : res), obj);
  const result = travel(/[,[\]]+?/) || travel(/[,[\].]+?/);
  return result === undefined || result === obj ? defaultValue : result;
};

Tests:

Lodash get
_.get(person, 'name', ''); _.get(person, 'nested.name', '');
safeGet
safeGet(person, 'name', ''); safeGet(person, 'nested.name', '');
optional chaining
person?.name; person?.nested?.name;
get
get(person, 'name', null) get(person, 'nested.name', null)
youDontNeedGet
youDontNeedGet(person, 'name', null) youDontNeedGet(person, 'nested.name', null)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Lodash get
safeGet
optional chaining
get
youDontNeedGet

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:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

Browser/OS: Chrome 105 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Lodash get	1700365.0 Ops/sec
safeGet	1890031.0 Ops/sec
optional chaining	8517846.0 Ops/sec
get	860077.8 Ops/sec

Lodash.get vs safeGet vs get vs optional chaining vs youDontNeedGet (version: 1)

Comparing performance of: Lodash get vs safeGet vs optional chaining vs get vs youDontNeedGet

Created: one year ago by: Registered User

Jump to the latest result

Lodash get

safeGet

optional chaining

get

youDontNeedGet

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A