勉強したことのメモ

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を出力

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

関連記事

: PHPで画像を分割し並べ替えて出力したものをJavaScriptで復元する方法

ある電子書籍サイトをブラウザの開発者ツールで見てみたところ、PHPでページ画像を ...

: 無料でシンプルなアイコンを設置できる「Feather」の利用方法

ページ上にアイコンを表示したい場合Font Awesomeを使うことが多いが、個 ...

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

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

: jQueryとCSSで指定したテキストに対してラインマーカーを引く方法

サイト内で強調したいテキストに対して蛍光ペンでマーカーを引くようなアニメーション ...

: JavaScriptの「pako」ライブラリでGzip圧縮したデータをPHPで展開する方法

先日、JavaScriptの「pako」ライブラリで文字列やオブジェクト(連想配 ...