勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

HOME > JavaScript > JavaScriptの三項演算子

JavaScriptの三項演算子

2013/11/07 2014/05/21 JavaScript

いつもと違う書き方？　使い方の三項演算子が
あったのでメモ。

■ソース
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を出力

かなり柔軟な使い方ができるみたい。
ただ、後から見たときに分かりづらいのであまり使わない方が良さそう。

関連記事

: Ajaxを使用する際の注意

Ajaxで特にJSONPを使う際によくミスることがあるので注意点をまとめておく ...

: JavaScriptでtableタグをエクセルファイル(xlsx)としてダウンロードさせる方法

table内のデータを何らかのファイルでダウンロードさせたい。通常PHPでCSV ...

: NicEdit(WYSIWYGエディタ)に画像アップロード機能を追加する方法

NicEdit(ウィジウィグエディタ)に画像アップロード機能を追加したかった。本 ...

: iPhoneにホーム画面登録を促すダイアログを表示

スマホ用のサイトでお気に入り登録を促すというのは以前に無理という結論が出たけれど ...

: javascriptで実行時間の測定

var time_test = function(){ var x = 1; f ...