12
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【JavaScript】三項演算子の入れ子、いうほど可読性悪くない説

Posted at

ワンライナーで書かれた入れ子は見にくいけど…

例1
const result = isFizz && isBuzz ? 'FizzBuzz' : isFizz ? 'Fizz' : isBuzz ? 'Buzz' : i;

改行されていればそんなに可読性が悪くない

例2
const result = isFizz && isBuzz ? 'FizzBuzz' :
               isFizz ? 'Fizz' :
               isBuzz ? 'Buzz' : i;

改行されていても見にくいかも?と感じる方は三項演算子を気にしすぎているかもしれません。
?:のことは気にせず、このように脳内変換すれば読みやすくなるでしょう。

例3
const result = isFizz && isBuzz  'FizzBuzz'
               isFizz            'Fizz'
               isBuzz            'Buzz' : i;

例2、例3は条件と対応する値が近くに並んでいて、文量も少なく読みやすいですね。

ただし、見やすさは主観的なものなので、三項演算子に対する感覚に慣れていない場合は、他の書き方を選んだほうが良いかもしれません。(特に初心者は)

12
6
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
12
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?