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を出力
かなり柔軟な使い方ができるみたい。
ただ、後から見たときに分かりづらいのであまり使わない方が良さそう。
関連記事
-
-
GoogleMapAPIで現在地を更新する方法
GoogleMapAPIを使って現在地を取得してその場所にマーカーを設置、その後 ...
-
-
異なる文字コード間でform送信する
formの送り手がUTF-8で受け手がEUC-JP、 なんとかしてjavascr ...
-
-
setTimeoutの注意点
javascriptのsetTimeoutにて変数を用いた際に 想定外の挙動を起 ...
-
-
javascriptの文末
下記みたいなコードがあって、文末に｢;｣が 無いのになんで動くのこれ？ となった ...
-
-
3Dデータ(obj,stlファイル)をブラウザ上で表示する方法
3Dデータをブラウザで表示させて、違う方向から見たり、縮小拡大をしたいという案件 ...
-
-
highcharts.jsについて
プログラムの作りかえを行う際、既存のソースで highcharts.jsを使って ...
-
-
javascript:void(0)について
よく使う<a href="javascript:void(0)" oncl ...
-
-
JavaScriptで小数の計算(decimal.js)
JavaScriptで小数の計算をすると値がずれることがあった。調べてみるとJa ...
-
-
時間差をつけて処理する
setTimeout( 処理, タイムアウト時間 ); で、時間差をつけて処理が ...
-
-
prototypeとjqueryの競合
ちょいちょい見るが、実際に競合をおこしているケースに あたったのでメモ。 ↓↓の ...
- PREV
- jQueryで配列の値を検索
- NEXT
- phpmyadminからプロセスの停止