Benchmark: Multiple Lodash.get vs Single Lodash.get

HTML Preparation code:

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

Script Preparation code:

var obj = { car: { honda: { tyres: { tread: '3mm' } } } };

Tests:

Multiple Lodash get
const selectCar = (obj) => _.get(obj, 'car', {}); const selectHonda = (obj) => _.get(selectCar(obj), 'honda', {}); const selectTyres = (obj) => _.get(selectHonda(obj), 'tyres', {}); _.get(selectTyres(obj), 'tread', '5mm');
Single Lodash get
_.get(obj, 'car.honda.tyres.tread', '5mm');
Native
obj.car.honda.tyres.tread

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 3 years ago)

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

Browser/OS: Chrome 86 on Mac OS X 10.14.0

Multiple Lodash.get vs Single Lodash.get (version: 0)