オプショナルチェイニングを使って存在チェックをする

—

const option = {
　　　　navigation: {
　　　　　　　　nextEl: '.next-btn',
　　　　　　　　prevEl: '.prev-btn',
    }
    ....
}

こんな定数を用意して navigation.nextElの存在チェックをしようと思ったら、いままでif文はこんなふうに書いてたけど

// optionが存在する、かつnavigation.nextElがある
if ( option && option.navigation.nextEl ) : ...

オプショナルチェイニングを使うともっと簡単に書ける！

if ( option?.navigation?.nextEl ) :

上記の例だと、optionがなければその時点でundefinedが返されるので、option自体の存在チェックが不要。べんり。