[JS]if文の省略形が、場合によっては三項演算子より手軽な件

1.一般的なif文のサンプル

See the Pen 三項演算子より手軽なif() by riotam (@riotam4) on CodePen.

一般的なif文

      if(this.input !== ''){
         alert('入力を確認。')
      }

2.三項演算子のサンプル

See the Pen 三項演算子より手軽なif(三項演算子) by riotam (@riotam4) on CodePen.

三項演算子で書いたif文

this.input !== '' ? alert('入力を確認。') : ''

注意

if文の中で処理したいことが、複数行になる場合は使えない。

3.if文省略形のサンプル

See the Pen 三項演算子より手軽なif(ワンライナー) by riotam (@riotam4) on CodePen.

if文省略形で書いたもの

if(this.input !== '') alert('入力を確認。')

注意

2行目以降は、if文を出ているという扱いになるので、注意。

つかいどころ

• ifの中身を複数行書くなら、1. 一択。
• 1行で書けるなら2. でも書ける。
• さらに、falseで何も処理しないなら、3. でも書ける。