読者です 読者をやめる 読者になる 読者になる

frontendmemo

このサイトは、「html、css、js、ツールなどについて、自分が覚えたこと、またはいつも忘れて調べることを書き溜め、それが結果といて勉強したての初心者の方や自分と同じような技術レベルの人の助けになることを目的とするWebログ」、略してブログです。挨拶→http://frontendmemo.hatenablog.com/entry/2016/06/25/115845

三項演算子の基本3つ

スポンサードリンク

三項演算子とは?

三項演算子は、略して書くことができる書き方で、そのため可読性が低いと倦厭されることもあります。
しかし、自分の経験上だいたいできる人のscriptやプラグインのscriptを読むとかっこよく三項演算子を使っています。
つまり、三項演算子

  • 使ったらかっこいい
  • 書けなくても読めるようになること

かなと思います。

条件 ? A : B;

最も基本的な三項演算子になります。条件に当てはまっていたらA、当てはまらなかったらBという条件式です。

通常
if(window.innerWidth){
  window.innerWidth;
}else{
  $(window).width();
}
三項演算子
window.innerWidth ? window.innerWidth : $(window).width();

ちなみにこれはwindow.innerWidthが使えるかどうかの判定で良く使いますね。

A && B

通常
if(window.innerWidth){
 window.innerWidth;
}
三項演算子
window.innerWidth && window.innerWidth;

A || B

通常
if(!window.innerWidth){
 $(window).width();
}
三項演算子
window.innerWidth || $(window).width();

以上の三項演算子を基礎とすればで発展させたスクリプトも読むことができるはずです。

JavaScript本格入門 ?モダンスタイルによる基礎からAjax・jQueryまで

JavaScript本格入門 ?モダンスタイルによる基礎からAjax・jQueryまで