JavaScriptの三項演算子
2014/05/21
いつもと違う書き方？ 使い方の三項演算子が
あったのでメモ。
■ソース
var flg = 1;
console.log((flg > 0) ? 'aaa' : 'bbb'); //aaaを出力
$(function(){
$('#hoge').css({'background-color' : (flg == 1) ? '#F00' : '#FFF'}); //id=hogeの部分が赤色になる
});
var str = 'str -> ' + ((flg == 1) ? 'ccc' : 'ddd');
console.log(str); //str -> cccを出力
かなり柔軟な使い方ができるみたい。
ただ、後から見たときに分かりづらいのであまり使わない方が良さそう。
関連記事
-
-
画像にマウスを合わせると拡大表示させる「drift」ライブラリの利用方法
amazon等ECサイトで商品画像にマウスを合わせると当該部分が拡大表示されると ...
-
-
JavaScriptで数値のカウントアップ及びカウントダウン
JavaScript(一部jQuery)で数値のカウントアップ及びカウントダウン ...
-
-
JavaScriptで後から追加した要素にイベントを割り当てる方法と挙動の違いについて
jQueryで後から追加した要素に対してイベントを割り当てる場合、いつもと異なる ...
-
-
JavaScript / jQueryで〇番目、最初、最後の要素を指定する方法
jQueryでリストタグ(<li>)の〇番目、最初、最後の要素を指定 ...
-
-
JavaScriptで画像読み込み完了のタイミングを検知する「imagesLoaded」ライブラリの利用方法
大き目のサイズの画像をページに設置すると読み込み完了まで時間がかかる。その画像が ...