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を出力
かなり柔軟な使い方ができるみたい。
ただ、後から見たときに分かりづらいのであまり使わない方が良さそう。
関連記事
-
-
リンク部分にマウスオーバーでツールチップを表示(nicetitles.js)
既存のソースにて見たことの無いプラグインが 使われていたのでメモ。 ■参考 ht ...
-
-
getElementsByTagName
うろ覚えだけど業務中に、 document.getElementById('aa ...
-
-
JavaScriptで小数の計算(decimal.js)
JavaScriptで小数の計算をすると値がずれることがあった。調べてみるとJa ...
-
-
table内のiframeのheightを最大高さにする
tableのtdの中にリンクがあり、クリックすると td内でiframeが開く。 ...
-
-
テキストエリアを自動でリサイズ
改行するだけで勝手にリサイズしてくれるので、 ユーザー用でも管理用でも使えそう。 ...
-
-
javascript:void(0)について
よく使う<a href="javascript:void(0)" oncl ...
-
-
CSSとJavaScriptでテキストのコピー防止
あるサイトで文言の意味が分からずGoogleで検索する為にコピペしようとするも、 ...
-
-
GoogleMapで半径●メートルを範囲表示
GoogleMapでマーカーを立てて、そこから範囲●mもしくは●kmを円で表示さ ...
-
-
GoogleMapsAPIでマーカーが全て表示されるように自動ズーム
GoogleMapsAPIでマーカーを複数設置した場合にズームの値や、マーカーの ...
-
-
highcharts.jsについて
プログラムの作りかえを行う際、既存のソースで highcharts.jsを使って ...
- PREV
- jQueryで配列の値を検索
- NEXT
- phpmyadminからプロセスの停止