Run results for: Lodash.get vs Property dot notation deeply vs optional chaining

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36

Browser: Chrome 125

Operating system: Windows

Device Platform: Desktop

Date tested: 5 months ago

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', details: {eyes: 'brown', hobbies: ['skiing', 'cooking']}};

Tests:

Lodash get
_.get(person, 'details.hobbies.1');
Native naive
person.details.hobbies[1]
Guarded native
person && person.details && person.details.hobbies && person.details.hobbies.length && person.details.hobbies[1]
Shimmed get.
const get = (obj, path, defaultValue) => { const result = String.prototype.split.call(path, /[,[\].]+?/) .filter(Boolean) .reduce((res, key) => (res !== null && res !== undefined) ? res[key] : res, obj); return (result === undefined || result === obj) ? defaultValue : result; }; get(person, 'details.hobbies.1');
Optional chaining
person?.details?.hobbies?.[1]