Benchmark: safeGet comparison (PR)

Script Preparation code:

var state = {
  wrapped1: {
    wrapped2: {
      location: {
    	search: '',
    	id: 12
      }
    }
  },
  data: {}
};

var safeGet = function(nestedObj, paths, defaultVal) {
  if (!paths || paths.length === 0) return defaultVal
  const result = paths.slice(0).reduce((obj, path, i, arr) => {
    if (!obj) {
      arr.splice(i) // break out of the loop
      return undefined
    }
    return obj[path]
  }, nestedObj)

  if (result === undefined || result === null) {
    return defaultVal
  }

  return result
}
var safeGet2 = function(nestedObj, paths, defaultVal) {
  if (!paths || paths.length === 0) return defaultVal
  for (let p = 0; p < paths.length; p++) {
    nestedObj = nestedObj ? nestedObj[paths[p]] : undefined
  }
  return nestedObj === undefined || nestedObj === null ? defaultVal : nestedObj
}
var safeGet3 = function(nestedObj, paths, defaultVal, p, undef) {
  if (!paths || paths.length === 0) return defaultVal
  for (p = 0; p < paths.length; p++) {
    nestedObj = nestedObj ? nestedObj[paths[p]] : undef
  }
  return nestedObj === undef || nestedObj === null ? defaultVal : nestedObj
}

var dlv = function(obj, key, def, p, undef) {
	key = key.split ? key.split('.') : key;
	for (p = 0; p < key.length; p++) {
		obj = obj ? obj[key[p]] : undef;
	}
	return obj === undef ? def : obj;
}

Tests:

Optional chaining (babel es2015)
var _state$wrapped, _state$wrapped$wrappe, _state$wrapped$wrappe2; var s = state === null || state === void 0 ? void 0 : (_state$wrapped = state.wrapped1) === null || _state$wrapped === void 0 ? void 0 : (_state$wrapped$wrappe = _state$wrapped.wrapped2) === null || _state$wrapped$wrappe === void 0 ? void 0 : (_state$wrapped$wrappe2 = _state$wrapped$wrappe.location) === null || _state$wrapped$wrappe2 === void 0 ? void 0 : _state$wrapped$wrappe2.search;
old safeGet
var l = safeGet(state, ['wrapped1','wrapped2','location','search']);
dlv (array notation)
dlv(state, ['wrapped1','wrapped2','location','search']);
safeGet not using variables as params
safeGet2(state, ['wrapped1','wrapped2','location','search']);
safeGet not using variables as params (this PR code)
safeGet3(state, ['wrapped1','wrapped2','location','search']);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Optional chaining (babel es2015)
old safeGet
dlv (array notation)
safeGet not using variables as params
safeGet not using variables as params (this PR code)

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/103.0.0.0 Safari/537.36

Browser/OS: Chrome 103 on Mac OS X 10.15.7

View result in a separate tab

Test name	Executions per second
Optional chaining (babel es2015)	5929990.0 Ops/sec
old safeGet	3237367.0 Ops/sec
dlv (array notation)	5916425.0 Ops/sec
safeGet not using variables as params	3355618.0 Ops/sec
safeGet not using variables as params (this PR code)	5583157.0 Ops/sec

safeGet comparison (PR) (version: 0)

Comparing performance of: Optional chaining (babel es2015) vs old safeGet vs dlv (array notation) vs safeGet not using variables as params vs safeGet not using variables as params (this PR code)

Created: one year ago by: Guest

Jump to the latest result

Optional chaining (babel es2015)

old safeGet

dlv (array notation)

safeGet not using variables as params

safeGet not using variables as params (this PR code)

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A