MeasureThat.net

Run results for: ES6 Optional Chaining vs. ES6 Optional Chaining 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/80.0.3987.163 Safari/537.36 Edg/80.0.361.111
Chrome 80
Windows
Desktop
5 years ago
Test name Executions per second
ES5 Optional Chaining 2099931.2 Ops/sec
ES6 Optional Chaining 4357724.5 Ops/sec
Lodash Get 719974.3 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:

  • ES5 Optional Chaining

     
    (obj.a == null ? undefined : obj.a.b == null ? undefined : obj.a.b.c == null ? undefined : obj.a.b.c.d) || 2
    (badObj.a == null ? undefined : badObj.a.b == null ? undefined : badObj.a.b.c == null ? undefined : badObj.a.b.c.d) || 2

  • ES6 Optional Chaining

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

  • Lodash Get

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