MeasureThat.net

Run results for: ES6 Optional Chaining vs TS Optional Chaining result in javascript vs vs. Lodash _.get

ES6 Optional Chaining vs TS Optional Chaining result in javascript vs vs. Lodash _.get

Go to the benchmark
Run details:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.182 Safari/537.36
Chrome 88
Windows
Desktop
4 years ago
Test name Executions per second
TS Optional Chaining result in javascript 140872.0 Ops/sec
Lodash Get 491022.9 Ops/sec
ES6 Optional Chaining 2640131.8 Ops/sec
HTML Preparation code:
AخA
 
1
<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>
Script Preparation code:
 
var obj = {a: {b: {c: {d: 1}}}}
var badObj = {}
Tests:

  • TS Optional Chaining result in javascript

     
    ((_c = (_b = (_a = obj === null || obj === void 0 ? void 0 : obj.a) === null || _a === void 0 ? void 0 : _a.b) === null || _b === void 0 ? void 0 : _b.c) === null || _c === void 0 ? void 0 : _c.d) || 2;
    ((_f = (_e = (_d = badObj === null || badObj === void 0 ? void 0 : badObj.a) === null || _d === void 0 ? void 0 : _d.b) === null || _e === void 0 ? void 0 : _e.c) === null || _f === void 0 ? void 0 : _f.d) || 2;

  • Lodash Get

     
    _.get(obj, "a.b.c.d", 2)
    _.get(badObj, "a.b.c.d", 2)

  • ES6 Optional Chaining

     
    obj?.a?.b?.c?.d || 2
    badObj?.a?.b?.c?.d || 2